CSS senca za besedilo

css_senca_besedilo_thumb
CSS vodič vam predstavi kodo s katero besedilu dodate senco. Nadzirate lahko barvo sence, oddaljenost sence od besedila (navpično in vodoravno) ter količino zamegljenosti sence.

 

 

PRIKAZ besedila s senco

{iframe height="170" frameborder="0" width="400" scrolling="auto" style="background-color:#FFF;" border="0" name="form" allowtransparency="false" margin-left="20px"}/css_primeri/css_tekst_senca_besedilo/css_senca_za_besedilo.html"{/iframe}

 

HTML in CSS koda:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
body{background: #9cceff;}


.ena{text-shadow: #3399ff 15px -15px 1px;}
.dva{color: #fff; font-weight: bold; font-family:Verdana; text-shadow: #3399ff 5px 5px 1px;}


</style>

</head>

<body>

<p class="ena"> Moje-Mesto.com je spletna stran s slovenskimi vodiči.</p>
<br /><br /><br />
<p class="dva"> Moje-Mesto.com je spletna stran s slovenskimi vodiči.</p>

</body>
</html>

 

Razlaga kode:

 

Senca: text-shadow: #3399ff 15px -15px 1px;  (text-shadow: A B C D; )

 

A - barva sence

B - vodoravni odmik sence od besedila

C - navpični odmik sence od besedila

D - zamegljenost sence (blur)

 

Razred .ena doda besedilu le senco (text-shadow). Besedila nič ne ureja.

 

Razred .dva določi besedilu barvo, debelino in vrsto pisave. Poleg tega določi še senco.

 

Vsi vodiči so na voljo BREZPLAČNO!
Pišite mi

Želite mnenje ali pomoč pri vašem projektu?

Pišite mi in bom pomagal, kakor bom v tistem trenutku lahko.