ΚΩΔΙΚΑΣ ΠΕΡΙΣΤΡΟΦΗΣ ΕΙΚΟΝΩΝ
Με τον παρακάτω κώδικα μπορούμε να περιστρέψουμε μία εικόνα γύρω από τον εαυτό της όσες μοίρες θέλουμε. Απλά ανεβάστε μία εικόνα σε ένα photo sharing site και μετά κάντε δεξί κλίκ επάνω της και πάρτε την διεύθυνση url της εικόνας και επικολλήστε την σε μία από τις θέσεις των μώβ link εικόνων του παρακάτω κώδικα. Μετά επιλέξτε πόσες μοίρες θα περιστρέφεται η εικόνα αυτή αλλάζωντας τα γαλάζια νούμερα. Το πόσο γρήγορα θα περιστρέφεται η εικόνα το ρυθμίζετε αλλάζωντας τα πράσινα νούμερα.
Με τον παρακάτω κώδικα μπορούμε να περιστρέψουμε μία εικόνα γύρω από τον εαυτό της όσες μοίρες θέλουμε. Απλά ανεβάστε μία εικόνα σε ένα photo sharing site και μετά κάντε δεξί κλίκ επάνω της και πάρτε την διεύθυνση url της εικόνας και επικολλήστε την σε μία από τις θέσεις των μώβ link εικόνων του παρακάτω κώδικα. Μετά επιλέξτε πόσες μοίρες θα περιστρέφεται η εικόνα αυτή αλλάζωντας τα γαλάζια νούμερα. Το πόσο γρήγορα θα περιστρέφεται η εικόνα το ρυθμίζετε αλλάζωντας τα πράσινα νούμερα.
<style>
img
{-webkit-transition: -webkit-transform .2s
ease-in-out;transition: transform .2s ease-in-out;}
img:hover
{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
</style>
<div>
<img src="http://i.imgur.com/7X4wjWSm.jpg" width="232" height"145"/>
<img src="http://i.imgur.com/XZLp5MAm.jpg" width="232" height"145"/>
<img src="http://i.imgur.com/W8LjNt5m.jpg" width="232" height"145"/>
<img src="http://i.imgur.com/rcivwQJm.jpg" width="232" height"145"/>
</div>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.