5 Awesome CSS3 Features
Viele spannende neue Funktionen und Features werden erdacht für CSS3. Wir werden versuchen, Präsentation und einige von ihnen auf dieser Seite. Also, einen Blick auf die 5 Awesome CSS3 Eigenschaften und teilen Sie uns Ihre Gedanken zu äußern.
Hier ist die css3 nützliche Tipps. Ich hoffe, dass Sie für Ihren nächsten Design-Projekt eine ganz gute Anregungen finden. Danke!
1. Rounded Corner
Sie müssen nicht zum Bild für jede Ecke haben. Es kann jetzt selbst machen!
Beispiel:
Code
. 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. Text Shadow
Erfahren Sie, wie die Schatten um Text hinzuzufügen. Die einzige Web-Browser, der die CSS3 unterstützt Text-Schatten Eigenschaft ist Safari.
Beispiel:
Code:
h1 ( 2px 2px 2px ; text-shadow: # 9C9C9C 2px 2px 2px; ; color: # 993333; )
3. Border Image
Ein weiteres interessantes Merkmal der neuen Grenze CSS3 ist die Eigenschaft border-image. Erfahren Sie, wie richtig zu nutzen Image
4. Jede Verwendung von Custom Font
CSS 3 kann eine Schriftart-Datei zu lesen, wenn Sie den Pfad angeben, und dann können Sie den Text zu machen, dass Sie die CSS-Klasse oder ID beantragen
5. Mehrere Hintergründe
Schließlich kann man für mehr als ein Hintergrund der ein Element.
Ein guter Ort, um zu überprüfen, einige awesome css3 Funktionen ist eine Website namens CSS3.info.
Wenn Sie möchten mehr Inspiration von uns erhalten, prüfen Sie bitte Abonnement unseres per RSS-Feed oder per E-Mail.
Werbung für uns
In Verbindung stehende Artikel:
Wenn Sie genossen diesen Artikel lesen, schauen Sie bitte auf ähnliche Artikel unter:
Deepu Balan sagt am: 16. Dezember 2009 auf 3.30 Uhr Said:
Vielen Dank für die Tipps ... Aber text-shadow ist kein CSS2-Eigenschaft, soweit ich weiß, die ein CSS Level 3 Eigentum. Zusammen mit Safari, text-shadow-Eigenschaft wird von Firefox3.5 unterstützt und sogar IE9 I guess.
-Deepu
Andy Walpole, sagt am: 13. Januar 2010 um 8:33 Said:
Die Kinder können nicht genug davon bekommen, dass CSS3.
Ich habe alle fünf der oben genannten Beispielen verwendet und sie sind alle visuell beeindruckend.
Kommen Sie ein paar Jahren, und sie wird auf jedem Standard-Web-Site aufzubauen.
Andy Walpole die letzten Blog .. Das Internet vor 10 Jahren in diesem Monat - Januar 2000