rounded corners

[Vasilis89]

ψάχνω ένα απλό script για rounded corners χωρίς εικόνες που να κάνει κατι ανάλογο της μπάρας που υπάρχει στο ινσομνια για το home-wiki-forum klp.

[QSpec]

Ρίξε μια ματιά σε κάτι τέτοιο.

 

> 
        -webkit-border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;

        -khtml-border-radius-topleft:5px;
        -khtml-border-radius-topright:5px;
        -khtml-border-radius-bottomleft:5px;
        -khtml-border-radius-bottomright:5px;

        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;

 

Βάλτο στα css ενός div και θα έχει στρογγυλές γωνίες, μεγαλύτερο radius = μεγαλύτερη καμπύλη.

[chaoz]

QSpec αυτό δουλεύει μόνο σε Firefox και Safari.

 

Vasilis89 Δες εδώ http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

[QSpec]

QSpec αυτό δουλεύει μόνο σε Firefox και Safari.

 

Πράγματι, ξέχασα να αναφέρω πως δεν θυμόμουν την σύνταξη για ΙΕ. Anyway, το link του chaoz είναι πολύ πιο κατατοπιστικό