5 Awesome CSS3 Features
Många spännande nya funktioner och finesser håller egentligen upp för CSS3. Vi ska försöka visa upp några av dem på denna sida. Så ta en titt på dessa 5 Awesome CSS3 Funktioner och låt oss veta dina tankar i kommentaren.
Här är de användbara CSS3 tips. Jag hoppas den kommer du att hitta en användbar inspiration till din nästa konstruktionsprojekt. Tack!
1. Rundad Corner
Du behöver inte ha bild för varje hörn. Det kan nu göra sig själv!
Exempel:
Kod
. 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. Textskuggan
Lär dig hur du lägger skuggor till text. Den enda webbläsare som stödjer CSS3 text-shadow egendom är Safari.
Exempel:
Kod:
h1 ( 2px 2px 2px ; text-shadow: # 9c9c9c 2px 2px 2px; ; color: # 993333; )
3. Border Bild
En annan spännande nya gränsen inslag CSS3 ägs border-image. Lära sig att korrekt använda Image
4. Använder någon Custom Font
CSS 3 kan läsa ett teckensnitt fil om du anger sökvägen, och då kan göra den text som du applicerar CSS-klass eller id
5. Flera Bakgrunder
Slutligen kan du använda mer än en bakgrund av ett element.
Ett bra ställe att kolla in några awesome CSS3 funktioner är en hemsida som heter CSS3.info.
Om du vill få mer inspiration från oss, vänligen överväga att prenumerera på vårt foder med RSS eller e-post.
Främja oss
Artiklar:
Om du gillade att läsa den här artikeln, kan du kolla in andra relaterade artiklarna nedan:
Deepu Balan säger den: December 16, 2009 at 3:30 Said:
Tack för tipsen ... Men text-shadow är inte en CSS2 egendom, såvitt jag vet att en css-nivå 3 egendom. Tillsammans med safari, text-shadow egendom stöds av Firefox3.5 och även IE9 jag gissa.
-Deepu
Andy Walpole säger den: 13 januari, 2010 at 8:33 Said:
Barnen kan inte få nog av CSS3.
Jag har använt alla fem exemplen ovan och alla är visuellt imponerande.
Kom ett par år och de kommer att vara standard på alla webbplatser bygga.
Andy Walpole senaste blogginlägg .. The internet för 10 år sedan denna månad - januari 2000