Πώς να δημιουργήσουμε: Κλιμάκωση κατά την αναστολή;

Μάθετε πώς να χρησιμοποιήσετε το CSS για να κλιμακώσετε στοιχεία κατά την αναστολή.

Κλιμάκωση κατά την αναστολή;

Παρακαλώ αναστενάστε το ποντίκι πάνω στο πράσινο πλαίσιο:

Πώς να κλιμακώσουμε κατά την αναστολή;

<style>
.zoom {
  χώρος συμπύκνωσης: 50px;
  χρώμα υποβάθρου: πράσινο;
  μεταβλητή μετάβασης: διαμορφωση .2s; /* Αニματία */
  πλάτος: 200px;
  ύψος: 200px;
  διανύσματα: 0 αυτόματα;
}
.zoom:hover {
  διαμορφωση: κλίμακα(1.5); /* (150% κλίμακα - σημείωση: αν η κλίμακα είναι πολύ μεγάλη, θα ξεπεράσει το όριο της οπτικής περιοχής) */
}
</style>
<div class="zoom"></div>

Try it yourself

Related pages

Tutorial:CSS transformation