Mange spændende nye funktioner og features er ved at blive udtænkt for CSS3. Vi vil forsøge at fremvise nogle af dem på denne side. Så tag et kig på disse 5 Awesome CSS3 Funktioner og lad os høre dine tanker i en kommentar.

Her er det nyttigt CSS3 tips. Jeg håber, at vil du finde en ganske nyttig inspiration til din næste forundersøgelse. Tak!

1. Rounded Corner

Du behøver ikke at have billedet for hvert hjørne. Det kan nu gøre sig selv!

Eksempel:

Kode

  . Rubrik (
 ; 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

Lær, hvordan du tilføjer skygger til tekst. Den eneste browser, der understøtter de CSS3 tekst-skygge ejendom er Safari.

Eksempel:

Kode:

  h1 (
 2px 2px 2px ; text-shadow: # 9c9c9c 2px 2px 2px;
 ; color: # 993333;
 ) 

3. Border Image

En anden spændende ny grænseoverskridende element CSS3 er ejendommen grænse-billede. Lære, hvordan man korrekt brug Image

4. Brug af en brugerdefineret skrifttype

CSS 3 kan læse en skrifttype fil, hvis du angive stien, og så kan det gøre teksten, at du anvender CSS klasse eller id

5. Flere baggrunde

Endelig kan du anvende mere end én baggrunden det ene element.

Et godt sted at tjekke nogle awesome CSS3 funktioner er en hjemmeside med navnet CSS3.info.

hvis du ønsker at modtage mere inspiration fra os, kan du overveje at abonnere på vores feed af RSS eller via e-mail.