5 Awesome CSS3 Ominaisuudet
Monia jännittäviä uusia toimintoja ja ominaisuuksia ovat juuri niin CSS3. Yritämme esitellä joitakin niistä tällä sivulla. Niin, katso nämä 5 Awesome CSS3 ominaisuudet ja kerro meille ajatuksia kommentoida.
Tässä on hyvä CSS3 vinkkejä. Toivon, että löydät varsin hyödyllinen inspiraatiota seuraavaan suunnitteluohjelman. Kiitos!
1. Rounded Corner
Sinun ei tarvitse olla kuvan jokaiseen nurkkaan. Se voi nyt tehdä itse!
Esimerkki:
Koodi
. Box ( ; background-color: # 6b6b6b; -moz-border-radius: 7PX; -WebKit-border-radius: 7PX; solid # 000 ; border: 1px solid # 000; ; padding: 10px; width: 500px; ; color: # FFF; )
2. Teksti Shadow
Opi lisää varjot tekstiä. Vain selaimen, joka tukee CSS3 teksti-varjo omaisuus on Safari.
Esimerkki:
Koodi:
h1 ( 2px 2px 2px ; text-shadow: # 9c9c9c 2px 2px 2px; ; color: # 993333; )
3. Border Image
Toinen mielenkiintoinen uusi raja-ominaisuus CSS3 on kiinteistön raja-kuva. Opi kunnolla Image
4. Käyttämällä mukautettuja Font
CSS 3 lukea fontin tiedosto, jos määrittää polun, ja se voi tehdä tekstiä, jota sovelletaan CSS-luokka tai tunnus
5. Useita taustoja
Lopuksi voit hakea useamman kuin yhden taustan yksi tekijä.
Hyvä paikka tarkistaa joitakin mahtavia CSS3 ominaisuuksia on sivuston nimeltä CSS3.info.
Jos haluat saada lisää inspiraatiota meille, ota huomioon tilaamalla myös syötteen RSS-tai sähköpostitse.
Edistää Us
Aiheeseen liittyviä artikkeleita:
Jos olet nauttinut lukea tämä artikkeli, tutustu muita aiheeseen liittyviä artikkeleita alla:
Deepu Balan sanoo: 16 joulukuu 2009 at 3:30 pm Said:
Thanks for the tips ... Mutta teksti-varjo ei CSS2 omaisuutta, sikäli kuin tiedän sen CSS tasolla 3 omaisuutta. Mukana safari, teksti-varjo omaisuuden tukevat Firefox3.5 ja jopa IE9 luulisin.
-Deepu
Andy Walpole sanoo: 13 tammikuu 2010 at 8:33 am Said:
Lapset eivät voi saada tarpeeksi, että CSS3.
Olen käyttänyt kaikki viisi edellä olevat esimerkit ja ne ovat visuaalisesti vaikuttavia.
Tule pari vuotta, ja ne ovat vakiona kaikissa web-sivuston rakentamiseen.
Andy Walpole viimeinen blog .. Internet 10 vuotta sitten tässä kuussa - tammikuu 2000