3D Text

Ανάγλυφα γράμματα σε κείμενο.

Φίλοι bloggers, σήμερα θα σας δώσω ένα κώδικα CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο…Φυσικά οι οδηγίες στο τέλος της ανάρτησης…

Ο ΚΩΔΙΚΑΣ CSS:

<style>@import url(http://fonts.googleapis.com/css?family=Bevan);
h3 {background-color: white;margin: 0 auto;color: #000;
text-align: center;font-family: "Bevan", sans-serif;font-weight: bold;
font-size: 20px;letter-spacing: 0px;
text-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
}</style>
O KΩΔΙΚΑΣ HTML:
<h3> ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </h3>

**background-color: white; αφαιρέστε η αλλάξτε χρώμα στο φόντο…Δείτε χρώματα ΕΔΩ
**font-size: 20px;  αλλάξτε το μέγεθος των γραμμάτων…
letter-spacing: 0px;  αλλάξτε το  κενό των γραμμάτων…
**family=Bevan   αλλάξτε τη γραμματοσειρά (πχ βάλτε arial)