Πίνακας περιεχομένων:

Πώς μπορείτε να δημιουργήσετε εφέ hover στο bootstrap;
Πώς μπορείτε να δημιουργήσετε εφέ hover στο bootstrap;

Βίντεο: Πώς μπορείτε να δημιουργήσετε εφέ hover στο bootstrap;

Βίντεο: Πώς μπορείτε να δημιουργήσετε εφέ hover στο bootstrap;
Βίντεο: CSS στα ελληνικά 6 (text formating) 2024, Δεκέμβριος
Anonim

Οδηγίες

  1. Βήμα 1: Δημιουργώ ένα περιτύλιγμα που περιέχει την κλάση. θέα.
  2. Βήμα 2: Προσθέστε μια τάξη για το αποτέλεσμα θέλεις προς το χρήση (για παράδειγμα. επικάλυψη ή.
  3. Βήμα 3: Ορίστε μια διαδρομή προς το η εικόνα.
  4. Βήμα 4: Προσθέστε την τάξη.
  5. Βήμα 5: Αν θέλετε προς το προσθέστε λίγο κείμενο, εσείς μπορώ χρησιμοποιήστε την τάξη.

Εξάλλου, τι είναι το φαινόμενο hover;

Εφέ αιώρησης είναι απλώς μια αλλαγή (χρώμα, μέγεθος, σχήμα, εικόνα κ.λπ.) κάποιου στοιχείου ενώ βάζετε ένα βέλος του ποντικιού πάνω του. Κοινώς επιτυγχάνεται με κωδικοποίηση CSS. ο εφέ αιώρησης δεν είναι καθόλου εκκεντρικό και μπορεί να χρησιμοποιηθεί πρακτικά για οποιοδήποτε στοιχείο CSS.

Κάποιος μπορεί επίσης να ρωτήσει, πώς τοποθετείτε το CSS; Ο: φτερουγίζω ο επιλογέας είναι μια ψευδοκλάση που σας επιτρέπει να στοχεύσετε ένα στοιχείο που είναι ο δρομέας ή ο δείκτης του ποντικιού φτερούγισμα πάνω από. Είναι δύσκολο να εφαρμοστεί το: φτερουγίζω επιλογέα σε συσκευές αφής. Ξεκινώντας στο IE4, το: φτερουγίζω επιλογέας μπορούσε να χρησιμοποιηθεί μόνο με ετικέτες. Από το IE7, το: φτερουγίζω εκλέκτορας μπορώ να χρησιμοποιηθεί με όλα τα στοιχεία.

Ρώτησε επίσης, πώς μπορώ να κάνω το κείμενο να αιωρείται σε μια εικόνα;

Πώς να εμφανίσετε ένα κινούμενο κείμενο πάνω από μια εικόνα στο Hover χρησιμοποιώντας μόνο CSS3

  1. Δημιουργήστε HTML¶ Προσθέστε την εικόνα σας χρησιμοποιώντας

    ετικέτα και το κείμενο. Αρχικά, θα πρέπει να προσθέσετε την εικόνα σας χρησιμοποιώντας το

    ετικέτα.

  2. Δημιουργία CSS¶ Set:hover Selector. Το εφέ του hover ρυθμίζεται χρησιμοποιώντας την ψευδο-κλάση:hover που επιλέγει και διαμορφώνει το στυλ του στοιχείου.

Πώς μπορώ να απαλλαγώ από το hover;

Για να απενεργοποιήσετε το εφέ αιώρησης, έχω δύο προτάσεις:

  1. εάν το εφέ αιώρησής σας ενεργοποιείται από JavaScript, απλώς χρησιμοποιήστε το $. unbind('hover');
  2. εάν το στυλ αιώρησής σας ενεργοποιείται από την τάξη, τότε απλώς χρησιμοποιήστε το $. removeClass('hoverCssClass');

Συνιστάται: