Τετάρτη, 20 Οκτωβρίου 2010

Βρε πως έχεις στρογγυλέψει !!! (Rounded corners - CSS)

Όποιος γυρίζει μυρίζει κι επί της ευκαιρίας του καινούργιου blog, άρχισα να ψάχνω ξανά το θέμα rounded corners με css (το οποίο είχα πει ότι θα κοιτάξω στο παρελθόν και δεν το έκανα ποτέ) και ιδού!!!

Στρογγυλάδες πολλές κι αποτέλεσμα καλύτερο (νομίζω)...

Το πως ήταν απλό...

Πρόσθεσα τις παρακάτω γραμμές κώδικα στα elements που ήθελα (αλλάζοντας τα pixels που ορίζουν την "στρογγυλάδα" ανά περίπτωση)

-moz-border-radius:12px;/*Gecko*/
-webkit-border-radius:12px;/*Safari and Chrome*/
-khtml-border-radius: 12px;/*for (old) Konqueror*/
 border-radius:12px;/*W3C, Opera and IE9 Preview*/
και να το!!!

EDIT: Τι διάολο, γιατί παίζει μόνο στο Chrome??? Υποτίθεται ότι έπρεπε να παίζει και στον Mozilla... :(

EDIT 2: Ψιλοσουλουπώθηκε και για το Mozilla αλλά με ελλείψεις... 

EDIT 3: Παίζει μια χαρά και στον Mozilla... :)

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου