Efekti letterpress vetem duke perdor CSS

[ReniX]

Edhe pse kjo teme fare mire mund ti perkiste kategorise webmaster, po ju kaloj kodin si ti jepni efektin siper shkronjave vetem me ndihmen e CSS.


Se pari kodi html duhet te jete i tille nder tag div:

<div class="blloku">
<span class="theksimi">LETTERPRESS</span>
<span class="ngjyra">LETTERPRESS</span></div>

Dhe me pas ne css duhet te keni keto klasa:

.blloku{
margin: 15px auto 0;
position: relative;
padding: 20px;
width: 400px;
clear:both;
overflow:hidden;
background-color: #e4b7c0;
 }
.theksimi{
color: #fce2e7;
display:block;
}
.ngjyra{
color: #a33e52;
position: absolute;
top: 19px;
}  

Efekti eshte imazhi siper, ku shikohet qarte bordi i ngjyrave ne shkonja.

ReniX

[ReniX]

Mbase siper u zgjata shume por doja te shtoja dhe kete menyren tjeter

.hijetekst {
text-shadow:0 1px 0 #FFFFFF;  

pra duke perdor text-shadow por sigurisht vetem shfletueset qe suportojne CSS 3.