Ort：Homepage > mask
Das CSS3-Hover-Spezialeffektbild wird als Maskenebenenanimation angezeigt
CSS3 Maus schwebt Bild coole Maskenebene Animationseffekte. Wenn Sie mit der Maus über das Bild fahren, wird die Maskenebene des Bildes aus vier Richtungen in die Mitte ausgeblendet, und die Beschreibungsinformationen und Links des Bildes werden angezeigt. Der Effekt ist nicht cool.
Bild schwebt, um zu Text-CSS3-Spezialeffekten zu wechseln
Bild schwebt, um zu Text-CSS3-Spezialeffekten zu wechseln
Bootstrap Pure CSS3 Maus Floating Bild Textmaske Plugin
Das Bootstrap Pure CSS3-Maus-Plugin für schwebende Bildtextmasken ist ein CSS3, das auf der Mausbewegung zum Bild basiert, um die Maske zum Anzeigen von Textinformationen anzuzeigen.
Beim Bewegen des CSS3-Bildes wird der Textbeschreibungsmaskeneffekt angezeigt
Das Schweben von CSS3-Bildern wird als Textbeschreibungsmaskeneffekt angezeigt. Die CSS3-Eigenschaft "Clip-Pfad" bewirkt eine Animation zum Schweben der Karte. Die Maske mit unscharfer Bildvergrößerung zeigt den Effekt des Texttitels.
CSS3-Maus-Hover-Hover-Bildmasken-Texteffekte
CSS3-Maus-Hover-Bildstreifen-Maskenebenen-Animationseffekte. Wenn der Spezialeffekt über dem Bild schwebt, wird die Hintergrundmaskenebene in eine prismatische Form deformiert, das Bild wird in der Mitte angezeigt und ein lila Streifen befindet sich daneben. Gleichzeitig werden der Beschreibungstext und das Link-Symbol des Bildes angezeigt.
CSS3-Maus-Schwebebild-Maskenanimationseffekte
Reine CSS3-Bild-Maus-Hover-Animationseffekte
16 Arten von CSS3-Animations-Popup-Maskenebenen
Es gibt viele Arten von Popup-Ebenen-Animationseffekten, der Fenstermaskierungseffekt ist sehr schön und die Animation verwendet alle Arten von Effekten, die von CSS3 realisiert werden.
Bootstrap-Popup-Maskenebene Dialogmaskenschicht-Plugin
Basierend auf dem Plug-In für das multifunktionale modale Bootstrap-Framework jQuery enthält das modale Dialogfeld für das Bootstrap-Dialogfeld ein Warnfeld, ein Bestätigungsfeld und ein Dialogfeld. Ist ein seltenes multifunktionales, vielseitiges modales Dialog-Plug-In. Parametername Der Standardwert des Parametertyps beschreibt den Titel der Inhaltszeichenfolge des Titeldestring-Hallo-Modaldialogs. Sind Sie sicher, dass Sie fortfahren? 'Inhalt des modalen Dialogfelds iconstring' 'kleines Symbol vor dem Titel des modalen Dialogfelds Bestätigungsschaltfläche' ok 'Modaldialog Bestätigungsschaltfläche Text Abbrechen Schaltfläche Zeichenfolge' Abbruch 'Modaldialogfeld Text Bestätigungsschaltfläche Klassenzeichenfolge' Zweifel-Standard 'Modaldialog Bestätigungsschaltfläche Klassenzeichenfolge' TBN-Standard'Modal Dialogfeld Abbrechen-Schaltfläche cla Farbthema des modalen Dialogs "Weiß". Die verfügbaren Optionen sind das modale Dialogfeld "Weiß", "Schwarz" und "Animationszeichenfolge". Die Animationsoptionen sind "Skalieren", "Oben", "Unten", "Links", "Rechts", "Zoom" und "Keine" ',' drehen ',' drehen ',' drehen ',' skalieren ',' skalieren ',' verwischen '. Die Animationsdauer des modalen Dialogfelds für die Animationsgeschwindigkeit 400 wird in Millisekunden angegeben. Confirmfunctionfunction () {} die Rückruffunktion, nachdem der Benutzer im modalen Dialogfeld auf die Bestätigungsschaltfläche geklickt hat. Cancelfunctionfunction () {} Die Rückruffunktion, nachdem der Benutzer im modalen Dialogfeld auf die Schaltfläche Abbrechen geklickt hat. Ob die Hintergrunddismissboolesche Regel es Benutzern ermöglicht, modale Dialogfelder zu ändern, indem sie auf andere Bereiche als modale Dialogfelder klicken. Autoclosestringfalse Wenn keine Benutzeraktion erfolgt, schließen Sie den modalen Dialog nach der angegebenen Zeit. Die mögliche Option "Bestätigen | 400" wird durch "|" geteilt, und der vorherige Teil gibt die Auslösetaste "Bestätigen" oder "Abbrechen" an. Der folgende Abschnitt gibt die Wartezeit in Millisekunden an. Wenn nicht alle Schaltflächen verfügbar sind, wird das kleine Symbol im Fenster zum Schließen des Modus zu einem Bild (Dialogmodus). Sie können das Symbol entfernen, indem Sie es auf false setzen.
Bootstrap-Highlight-Bilderliste
Eine Liste der vom Bootstrap-Raster implementierten Bilder, CSS3 implementiert das Hervorheben von Bildern, und beim Bewegen des Mauszeigers werden Spezialeffekte der Maskenebene angezeigt.
Bild-Hover-Hover-Maskenebene CSS3-Animationseffekte
Bild-Hover-Hover-Maskenebene CSS3-Animationseffekte mit aufklappbaren CSS3-Animationseffekten. Wenn Sie mit der Maus über das Bild fahren, wird die Maskenebene auf dem Bild wie ein geöffnetes Papier geöffnet, und dann wird der Bildbeschreibungstext angezeigt.
Bild schwebender Schaltertext CSS-Spezialeffektcode
Bild schwebt, um den CSS-Spezialeffektcode für Text zu wechseln, ein einfaches Produktfallbild und einen Layouteffekt für die Texteinführungsliste.
jQuery einfaches Popup-Maskenebenen-Plug-In mit Schließen
LeanModal ist ein supereinfaches JQuery-Plugin zum Erstellen modaler Dialoge. Der Inhalt der ausgeblendeten Seite kann angezeigt werden. Das gesamte Plug-In ist klein und ändert flexibel Höhe und Breite. Es werden keine Bilder verwendet. Das Wichtigste ist, dass die Benutzeroberfläche sehr sauber und das UI-Design sehr gut ist.
js Popup-Login-Registrierungsoberfläche mit Maskenebene
Eine jQuery-Popup-Ebene mit einer Maskenebene und einer Schaltfläche zum Schließen kann in Anmeldeformularen, Registrierungsformularen, Formularen zum Abrufen von Passwörtern usw. verwendet werden.
Einfaches jQuery-Popup-Fenster-Plug-In mit transparenter Maskenebene
Ein einfaches und benutzerfreundliches jQuery-Popup-Fenster-Plug-In mit sanften Ein- und Ausblendeffekten, wobei Webseiten eine transparente Ebene abdecken.
Bootstrap4-Popup-Eingabeaufforderungsnachrichtendialogkomponente
Nachrichtendialogkomponente basierend auf der Bootstrap4-Kapselung. Die Nachrichtenkomponenten umfassen Dialog, Alarm, Bestätigung, Eingabe, Erfolg, Fehler, Benachrichtigung. Das Dialogfeld unterstützt das Berühren und Ziehen von Mäusen oder Fingern.
CSS Mouse Hover Hover Bildmaskenebene Spezialeffekt
Das CSS erkennt den Spezialeffekt der Maske, wenn die Maus über das Bild bewegt wird, und den Stil der Ebene der Schwebebildmaske. Wenn sich die Maus-Hover-Animation über dem Bild befindet, wird die Maskenebene als zwei unregelmäßige Grafiken angezeigt und der Beschreibungstext und das Link-Symbol werden angezeigt.
CSS Bild Hover Hover Maskenebene Spezialeffekte
Der Spezialeffekt für das Schweben der Schwebebildmaske für CSS-Bilder: Wenn Sie mit der Maus über das Bild fahren, werden die linke und die rechte Maskenebene auf die Mitte verkleinert und schließlich wird eine vollständige Maskenebene synthetisiert
Jquery Bildmaske Maus Bewegungsrichtungswahrnehmung
JQuery Bildmaske Mausbewegungsrichtungswahrnehmung, Bild-Neun-Quadrat-Raster-Layout, jQuery-Realisierung der Mausbewegungsrichtungswahrnehmung Anzeige Maskenebene Textinhalt, Maus-Hover-Bildliste ui Animationseffekte.
Popup-Box-Plug-In syalert.js für den Jquery-Animationseffekt
syalert.js ist ein Popup-Box-Plug-In, das mit jquery in Kombination mit Animationseffekten von animate.css implementiert wurde. Enthält Unterstützung für Bestätigungs-Popup-Fenster, Nachrichten-Popup-Fenster, Nachrichtenansagen, modale Popup-Fenster und andere funktionale Effekte.
Bootstrap- und jQuery-Popup-Plugin für die modale Fenstermaskenebene
flavr ist ein stilvolles, flaches Popup-Dialogfeld mit ansprechendem Design-Layout, das sich mithilfe der beliebten animate.css-Animation an jede Bildschirmgröße anpassen lässt, um die beste Benutzererfahrung zu erzielen. Vor allem kann flavr in jedem neuen Browser IE8 (+) ausgeführt werden. Beliebige Geräte- und Bildschirmgröße.
