Δημιουργώντας εικόνες μόνο με CSS
Τα δύο παρακάτω demos/showcases δείχνουν μέχρι που μπορεί να φτάσει κάποιος χρησιμοποιώντας μόνο CSS.
Ο Louis Harboe κατάφερε να αναδημιουργήσει τα iPhone icons από εφαρμογές της Apple κάνοντας χρήση CSS3. Το αποτέλεσμα είναι απλά εκπληκτικό.
Σε παρόμοιο ύφος κινείται και το demo του Jeff Batterton που κατάφερε να σχεδιάσει ένα iPhone καθώς και την κεντρική οθόνη του Clock application σε πλήρη λειτουργία.
Όπως μπορείτε να δείτε οι δυνατότητες του CSS3 προτύπου δεν περιορίζονται στην απλή χρήση του border-radius ή του box-shadow. Ο σωστός και έξυπνος συνδυασμός των χαρακτηριστικών μπορεί να δημιουργήσει φοβερά αποτελέσματα.
{5 σχόλια ως τώρα } + Νέο σχόλιο
Γιάννης Τσεβδός
Πραγματικά είναι φοβερά παραδείγματα και τα 2… Σε λίγο η CSS θα φάει τελείως το Photoshop (αν δεν το έχει φάει ήδη)...
Λία Βέρου
Είχα γράψει πρόσφατα ένα post επ’αυτού, που συνοψίζει τις απόψεις μου για το θέμα “εικόνες μέσω CSS3”: http://leaverou.me/2010/05/wow-mona-lisa-with-pure-css/
Η γενικότερη άποψη μου βέβαια για το θέμα δεν σημαίνει ότι δεν θαυμάζω τη δουλειά των εν λόγω δημιουργών, η οποία είναι πραγματικά αξιοθαύμαστη.
Ζαχαρένια Ατζιτζικάκη
Θα συμφωνήσω με τη Λία σε αυτό - είναι εξαιρετικά εντυπωσιακά τα αποτελέσματα, αλλά εντέλει δεν ξέρω αν γίνονται μόνο για να γίνονται τα “πειράματα” αυτά.
Στις τρέχουσες εκδόσεις των browsers είναι πολύ αργά τα demos και δεν νομίζω να αποκτήσουν πρακτική αξία σύντομα.
Είναι πολύ καλές CSS ασκήσεις όμως, συγχαρητήρια στους δημιουργούς για την υπομονή και την σκληρή δουλειά τους.
Στέλιος Πετράκης
Exactement!
Ο λόγος ύπαρξης των demos (και μιλάω γενικά, όχι μόνο για τα συγκεκριμένα) είναι διττός imo, από την μια να δείξουν τις δυνατότητες του εκάστοτε προτύπου και από την άλλη να προσφέρουν πηγή έμπνευσης και πειραματισμού σε όσους δεν γνώριζαν αυτές τις δυνατότητες. Εξού και demo φυσικά
Νικος Κουγιούλης
Ειναι πραγματικά απίστευτη η CSS3!