Veel spannende nieuwe functies en mogelijkheden worden bedacht voor CSS3. Vandaag gaan we naar ingezette proef met CSS3 te maken. Dat goed zal ondersteunen Firefox, Opera, Chrome en Safari. Inzet teksten tekst die is naar de achtergrond gedrongen, bijna als een omgekeerde reliëf-effect. Ik hoop dat u een tamelijk goede inspiratie voor uw volgende ontwerp project te vinden. Bedankt!

Deze tekst Shadow eigenschap wordt niet ondersteund door IE. Demo bekijken

Laat ons weten wat uw gedachten? Als je vond geen andere tutorials die je wilt delen met ons, voel je vrij om ons te laten weten door te laten vallen in een reactie.

Voorbeeld

Stap # 1 Css Structuur

Eerst maken we een eenvoudige CSS-code

  * {
 ; padding: 0; margin: 0;
 }
 body {
 ; background: # 222;
 } 


  # Container {
 ; margin: 0 auto;
 ; achtergrond: # 333333;
 } 


  h2 {
 ; color: # 000;
 #4A4947 ; text-shadow: - 1px 1px 1px # 4A4947;
 Arial, Helvetica, sans-serif ; font: 36px vet Arial, Helvetica, sans-serif;
 ; margin: 0 0 0 0;
 10px 0 ; padding: 0 0 10px 0;
 } 


  p {
 #4A4947 ; text-shadow: - 1px 1px 1px # 4A4947;
 Arial, Helvetica, sans-serif ; font: 18px vet Arial, Helvetica, sans-serif;
 ; color: # 000;
 10px 0 ; padding: 0 0 10px 0;
 %; line-height: 162;. 5%
 } 

Stap # 2 HTML-structuur

Nu maken we een eenvoudige HTML-code

  > <Div id = "container">
 <h2> weg </ h2>
 <p>
 Et ut ac sociis natoque montes!  Porta lundium sed,
 tijdelijk de ac porta, barende turpis.  AC, ut eros egestas,
 adipiscing penatibus zitten lacus Mattis barende, placerat.
 </ P>
 <p>
 Et ut ac sociis natoque montes!  Porta lundium sed,
 tijdelijk de ac porta, barende turpis.  AC, ut eros egestas,
 adipiscing penatibus zitten lacus Mattis barende, placerat.
 </ P>
 </ Div> 

Demo bekijken

Volg ons op Twitter , of abonneer je op de Developers Paradise + RSS-feed voor de beste web development tutorials op het internet.

Geplaatst onder: Css , Tutorials door admin