Veel spannende nieuwe functies en mogelijkheden worden bedacht voor CSS3. We zullen proberen vitrine sommige van hen op deze pagina. Dus, neem een kijkje op deze 5 Awesome CSS3 Functies en laat ons weten wat uw gedachten in commentaar.

Hier is de CSS3 nuttige tips. Ik hoop dat zal een heel nuttig vindt u inspiratie voor uw volgende ontwerp project. Bedankt!

1. Afgeronde Corner

Je hoeft niet het imago hebben voor elke hoek. Het kan nu zelf maken!

Voorbeeld:

Code

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

Leer hoe schaduwen toe te voegen aan tekst. De enige webbrowser die de tekst ondersteunt CSS3-shadow eigendom is Safari.

Voorbeeld:

Code:

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

3. Image Border

Een andere interessante nieuwe grens kenmerk van CSS3 is eigendom border-afbeelding. Leer hoe goed te gebruiken Image

4. Met behulp van alle aangepaste Font

CSS 3 kunnen lezen een lettertype bestand als u het pad opgeven, en dan kan de tekst te maken die u op de CSS-klasse of id

5. Meerdere Achtergronden

Tot slot kunt u toepassen meer dan een achtergrond van het ene element.

Een goede plek om hier een aantal geweldige CSS3 functies is een website genaamd CSS3.info.

Als u meer wilt inspiratie van ons te ontvangen, kunt u overwegen een abonnement op onze RSS-feed door of via e-mail.

Geplaatst onder: Css, Tutorials door admin