HTML για 3D κείμενο χωρίς τη βοήθεια του Photoshop

13:00 19/1/2011 - Πηγή: To Tefteri

Η HTML5 μας ενθουσιάζει ολοένα και περισσότερο. Κατά την περιήγησή μας στο διαδίκτυο σκοντάψαμε σε ένα πολύ όμορφο tutorial στο οποίο με λίγες γραμμές HTML, και μόνο HTML, μπορεί κανείς να δημιουργήσει το δικό του 3d Text. Η λειτουργία είναι απλή και το concept είναι να εκμεταλλευθείς τις πολλές σκιές που μπορείς να προσθέσεις σε ένα απλό κείμενο. Το ζουμί της υπόθεσης παρατίθεται εδώ: h1 { 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); } Ενώ μπορεί κανείς να επισκεφτεί την ιστοσελίδα του Mark Dotto ο οποίος έκανε το web ομορφότερο με αυτή τη δημιουργία

designdots.gr