- 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-182175
Il s'agit d'un effet spécial de carrousel de commutation de style aveugle réalisé en CSS3 pur. Cet effet spécial est réalisé à l'aide d'images d'arrière-plan. Lorsque le carrousel est commuté, un ensemble d'éléments div est utilisé pour créer l'effet de stores, ce qui est très cool.
2017-01-181959
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-191837
Il s’agit d’un effet de conception d’interface utilisateur de carte d’article sympa réalisé en CSS3 pur. La fiche article a un effet d'ombre. Lorsque la souris glisse sur la carte, les informations de description de l'article seront affichées dans la fiche dans une animation coulissante.
2017-01-192572
Il s'agit d'une liste de prix élégante réalisée en CSS3 pur. La liste de prix est présentée via Bootstrap et adopte un style plat, avec un effet de changement de couleur de transition en douceur lorsque la souris la survole.
2017-01-181618
Aujourd'hui, j'ai découvert par hasard qu'il existe un tel exemple sur mon ordinateur. Je pense que l'effet est plutôt bon. Je ne me souviens pas du moment où je l'ai téléchargé. Je n'ai pas utilisé w3cfuns depuis longtemps. la réception, j'aimerais donc le partager avec vous. Rendu : L'effet est toujours très bon. Le plus important est qu'il n'utilise pas une seule ligne de js. C'est le point fort. Regardons d'abord le fichier html : effet d'album photo CSS3 pur
2017-03-092300
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-172056
Il s'agit d'un effet de menu déroulant avec un effet de soulignement réalisé en CSS3 pur. Le menu déroulant utilise la transformation et la transition CSS3 pour créer des effets de suivi de soulignement et des effets de menu déroulant.
2017-03-202599
Transition CSS3 : effet de fondu sortantLorsque vous essayez d'implémenter un effet de fondu sortant en utilisant du CSS pur, il peut être difficile de comprendre pourquoi une animation de diapositive ne le ferait pas...
2024-10-30644
Il s'agit d'un effet de menu de navigation CSS3 pur très créatif. Ce menu de navigation utilise principalement les méthodes de transformation et de transition CSS3 pour obtenir des effets, ce qui est très simple. Cet effet spécial est fourni par Attack of the Sun.
2017-01-172118
Il s'agit d'un effet carrousel sympa réalisé en utilisant du CSS pur. L'effet carrousel est réalisé en utilisant du CSS3 pur, pas de js. Avec boutons de navigation avant et arrière et boutons de navigation de pagination. Le contenu du carrousel peut être constitué d'images ou de texte.
2017-03-312760
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-183257
Il s'agit d'un effet spécial Speech Bubbles avec un arrière-plan transparent réalisé en CSS3 pur. Cette bulle utilise deux images png transparentes comme arrière-plan et les combine dans un effet de bulle via un simple code CSS.
2017-01-182485
Dans le passé, pour obtenir cet effet, nous ne pouvions que trouver un design pour le réaliser, puis insérer une image sur la page. Cependant, avec l'émergence de CSS3, nous pouvons y parvenir en code pur. C'est grâce à la propriété box-reflect de CSS3. L'article suivant vous expliquera comment utiliser CSS3 pour créer un effet de réflexion. Les amis dans le besoin peuvent s'y référer.
2017-02-161299
Il s'agit d'un effet de conception d'interface de menu de navigation à commutation d'une seule page réalisé en CSS3 pur. Dans cet effet de page, un ensemble de boutons de navigation sont disposés verticalement sur le côté gauche de la page. Lorsque vous cliquez sur le bouton de navigation, la page correspondante glisse hors du côté droit de l'écran.
2017-01-191681
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-191923
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-192418
Cet article présente principalement la méthode de création d'un effet d'ombre de bordure à l'aide de l'attribut box-shadow de CSS3. L'attribut box-shadow est toujours très puissant. Il peut définir la position horizontale ou verticale de l'ombre, ainsi que la couleur et la taille de l'ombre. l'ombre. Les amis qui en ont besoin peuvent le faire pour référence.
2017-03-132823
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-232761
Vous pouvez utiliser HTML5 pour dessiner de nombreuses images statiques, et vous pouvez également créer des animations sympas. Cet article partage 8 démonstrations d'animation implémentées à l'aide de HTML5 et CSS3, et partage également le code source que tout le monde peut télécharger et consulter. 1. Animation de roulement de vagues de tableau de points HTML5 3D Cette animation HTML5 Canvas est très spectaculaire, donnant aux gens un effet visuel de vagues déferlantes. Démonstration en ligne Téléchargement du code source 2. CSS3 pur pour implémenter un bouton d'interrupteur lumineux. Ce bouton est très personnalisé. Il ressemble à un interrupteur d'éclairage à l'ancienne, mais en raison de son fond noir, le bouton entier donne aux gens un effet lumineux.
2017-03-082783