2017-03-061515
- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
css-ripple-effect est un effet d'ondulation de clic de bouton de style plat cool réalisé en CSS3 pur. Cet effet est calqué sur la vague de clics de style de conception matérielle du système Android.
2017-01-182169
Il s'agit d'un effet de conception d'interface utilisateur de barre de pagination CSS3 pur très cool avec des effets d'animation de transition. Les boutons de la page d'accueil, de la dernière page, de la page précédente et de la page suivante de cette barre de pagination auront un très bel effet d'animation d'étirement fluide lorsque la souris glisse dessus. Et toute la bande de pagination a un très bel effet d'ombre.
2017-01-191909
Il s'agit d'un effet spécial de menu de barre d'outils avec effet d'animation élastique réalisé à l'aide de jquery et CSS3. Le menu de la barre d'outils affiche uniquement un bouton circulaire par défaut. Lorsque vous cliquez sur le bouton, les éléments du sous-menu se développeront avec une animation élastique et l'effet est très cool.
2017-01-191307
L'éditeur ci-dessous vous apportera un js pour écrire un simple effet de calendrier pour la journée [code d'implémentation]. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence.
2017-02-061705
Il s'agit d'un effet spécial d'animation de déformation de hamburger sympa créé à l'aide de jQuery et CSS3. Cet effet spécial attache des événements de bouton via jQuery et crée des effets d'animation via la transformation et l'animation CSS3.
2017-01-181625
Il s'agit d'un effet d'animation de menu hexagonal sympa réalisé à l'aide de CSS3 et d'une petite quantité de code js. Le menu hexagonal a un effet d'animation de surbrillance lorsque la souris glisse dessus. Lorsque vous cliquez sur le menu, chaque élément de menu apparaît de chaque côté de l'hexagone pour former un grand hexagone.
2017-01-172183
Il s'agit d'un effet spécial d'animation animale mignon basé sur le filtre SVG et CSS3. Dans cet effet spécial, les balises HTML et SVG sont utilisées pour créer l'apparence de l'animal, et l'animation CSS3 est utilisée pour créer divers effets d'animation de l'animal.
2017-01-191906
Il s'agit d'un effet d'animation de chargement CSS3 super cool. L'animation de chargement est créée à l'aide de l'animation CSS3. Le code est simple et l'effet est très cool.
2017-01-192024
Aujourd'hui, il s'agit d'un événement de clic jq simulé par CSS3, car j'ai découvert qu'il n'y avait pas d'événement de clic similaire à js dans CSS3, alors puis-je l'imiter ?
2018-05-151673
Il s'agit d'un effet spécial d'animation de ciel étoilé 3D sympa réalisé en CSS3 pur. Dans cet effet spécial, du point de vue du vaisseau spatial avançant rapidement, toutes les étoiles deviennent rapidement plus grandes et reculent, et l'effet est très réaliste.
2017-01-183237
Il s'agit d'un effet de conception de panneau de liste verticale réalisé à l'aide de CSS3. Ce panneau de liste peut être utilisé pour créer des listes d'articles, des listes de classement, etc. Lorsque l'utilisateur glisse sur les éléments de la liste avec la souris, les éléments de la liste auront un effet d'animation flottant avec un ruban sympa.
2017-01-191830
Cet article vous présente comment utiliser CSS3 pour réaliser l'effet d'animation dégradée sur l'arrière-plan du bouton lorsque vous cliquez sur le bouton. L'effet après la mise en œuvre est très bon lors du développement, les boutons utilisant cet effet donneront aux utilisateurs une sensation très cool. . Le sentiment d'éblouissement, amis intéressés, venez jeter un oeil ci-dessous.
2017-02-161901
Il s'agit d'un effet spécial d'animation de mouvement de voiture réaliste produit en utilisant du CSS3 pur. Dans cet effet spécial, tous les éléments sont rendus via CSS et aucune image n'est utilisée. Il crée l'effet visuel du mouvement de la voiture en secouant le passage piéton à gauche et à droite.
2017-01-192400
Il s'agit d'un superbe effet de diaporama réactif en plein écran, simplement réalisé en utilisant du CSS3 pur. Cet effet de diaporama est réalisé en utilisant du CSS pur sans aucun code js.
2017-01-172045
jQuery est un framework JavaScript frontal Web qui est toujours très populaire. Ce que nous allons partager cette fois est le plug-in d'horloge de calendrier basé sur jQuery. Certains plug-ins de calendrier sont implémentés sur la base de la technologie HTML5, donc les effets d'animation. sont plutôt bons. Les amis intéressés peuvent aller y jeter un œil. 1. Plug-in de calendrier multifonctionnel jQuery avec fonction d'enregistrement d'événements Une caractéristique majeure de ce plug-in de calendrier jQuery est qu'il peut enregistrer des événements après chaque date et définir des heures de rappel. Si vous êtes bon en développement JS, vous pouvez également le faire. améliorez-le en une application pour un rappel instantané. Source de démonstration en ligne.
2017-03-082389
Dans le passé, JavaScript était généralement utilisé pour créer des animations de pages Web. Aujourd'hui, de plus en plus d'animations sont implémentées en utilisant du CSS pur, et le contrôle des animations peut également être implémenté en utilisant CSS3. Parce que CSS 3 est là, la fonction d'animation de CSS 3 est en effet puissante. . Ce qui suit est une animation de rotation d'un moulin à vent réalisée uniquement avec CSS3, et utilise également CSS3 pour contrôler la vitesse.
2017-02-232747
Cet article présente principalement l'exemple de code d'utilisation de CSS3 et js pour créer un simple effet de mouvement planétaire 3D. L'effet est très cool. Si vous voulez en savoir plus, vous pouvez en apprendre davantage.
2017-02-111374
jQuery est un framework JavaScript très populaire. En utilisant jQuery, nous pouvons créer des effets d'animation simples, mais combinés avec HTML5, ces effets d'animation deviendront plus remarquables. Cet article partage 7 jQuery combinés avec des animations HTML5 et des téléchargements de code source. 1. HTML5/SVG réalise l'animation d'une horloge à coucou. Il s'agit d'une animation HTML5 très intéressante. Il s'agit d'une horloge à l'ancienne avec un son de coucou et une danse romantique d'un couple. Téléchargement du code source de la démonstration en ligne 2. HTML5/CSS3 pour obtenir un effet de réflexion d'image 3D Cette application utilise principalement CSS3.
2017-03-081825
Lorsque nous transmettons du Big Data ou attendons des opérations complexes, il est préférable d'avoir une petite animation de chargement pour le rappeler à l'utilisateur. Cet article partagera avec vous de superbes effets d'animation de chargement basés sur HTML5. J'espère que vous l'aimerez. 1. HTML5 Canvas implémente une animation de chargement super cool. Cette fois, nous examinons un effet de chargement d'animation de chargement très cool. Il est similaire à l'animation de chargement d'engrenage implémentée en CSS3 pur. Il s'agit également d'une animation. similaire à la rotation. Démonstration en ligne Téléchargement du code source 2. HT..
2017-03-072004
Il s'agit d'un effet spécial d'animation d'engrenage basé sur HTML5. Nous convertissons les principes physiques de la rotation des engrenages en code HTML5 et réalisons l'effet d'animation de la rotation des engrenages simulée sur la page Web. La plus grande caractéristique de cette animation d'engrenage est qu'elle est composée de plusieurs engrenages, ce qui augmente considérablement les exigences de l'algorithme pour la transmission des engrenages. De plus, nous n'avons pas utilisé JavaScript, mais du CSS3 pur pour l'implémenter. Téléchargement du code source de la démo en ligne Code HTML