Maison

Effets spéciaux JS

Effets spéciaux CSS3

Effets spéciaux d'animation d'astronaute CSS3

Télécharger maintenant Aperçu

<titre> Fichier CSS</title>
<style>
*{
marge : 0;
remplissage : 0 ;
}
corps{
couleur d'arrière-plan : #102037 ;
débordement : caché ;
}
@-webkit-keyframes neige {
0% { opacité : 0 ; -webkit-transform : traduireY(0px); transformer : traduireY(0px); }
20 %{ opacité : 1 ;}
100 % { opacité : 1 ; -webkit-transform : traduireY(650px); transformer : traduireY(650px); }
}
@keyframes neige {
0% { opacité : 0 ; -webkit-transform : traduireY(0px); transformer : traduireY(0px); }
20 %{ opacité : 1 ;}
100 % { opacité : 1 ; -webkit-transform : traduireY(650px); transformer : traduireY(650px); }
}
@-webkit-keyframes astronaute{
0 %{
-webkit-transform : rotation(0deg);
transformation : rotation (0deg);
}
100 %{
-webkit-transform : rotation (360 deg) ;
transformation : rotation (360 degrés);
}
}
.box-of-star1,
.box-of-star2,
.box-of-star3,
.box-of-star4{
largeur : 100 % ;
position : absolue ;
indice z : 10 ;
gauche : 0;
-webkit-transform : translateY(650px);
transformer : traduireY(650px);
}
.box-of-star1{
-webkit-animation : neige 5s linéaire infini ;
}
.box-of-star2{
-webkit-animation : neige 5s -1,64s linéaire infini ;
}
.box-of-star3{
-webkit-animation : neige 5s -2.30s linéaire infini ;
}
.box-of-star4{
-webkit-animation : neige 5s -3.30s linéaire infini ;
}

css3 est un outil de création de contenu css3.

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Animation CSS3 (1) : 5 effets d'animation préchargés

17 Feb 2017

Animation CSS3 (1) : 5 effets d'animation préchargés

Une appréciation graphique et textuelle de 8 superbes effets spéciaux d'animation de texte HTML5

06 Mar 2017

Le texte est l’âme des pages Web. Il y a longtemps, quelqu’un a inventé de nombreuses belles polices informatiques, qui donnaient aux pages Web des styles différents. Avec l'émergence du HTML5 et du CSS3, nous pouvons personnaliser le texte. Dans certaines situations, lorsque cela est nécessaire, nous pouvons même utiliser HTML5 pour animer le texte. Cet article partage 8 très beaux effets spéciaux d'animation de texte HTML5, j'espère qu'il pourra être utilisé comme référence pour vous. 1. Animation de texte pliable et retourné 3D CSS3 Aujourd'hui, nous allons partager une application d'effets spéciaux de texte CSS3. Elle est similaire aux effets de texte HTML5/CSS3 partagés auparavant. Il s'agit également d'une animation de texte pliée et retournée 3D CSS3. .

Effets spéciaux d'animation d'animaux de dessin animé mignon basés sur SVG et CSS3

19 Jan 2017

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.

Utiliser les effets d'animation à chargement plat CSS3

13 Mar 2017

Cet article utilise les effets d'animation à chargement plat CSS3

Analyse récapitulative des effets d'animation CSS3

22 Mar 2017

L'éditeur ci-dessous vous apportera un résumé des effets d'animation CSS3 (recommandé). L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l’éditeur et jetons un coup d’œil.

Les membres de l'équipe Pure CSS3 présentent des exemples d'effets spéciaux d'animation

06 Mar 2017

Cet article présente principalement les membres de l'équipe CSS3 purs pour présenter des exemples d'effets spéciaux d'animation.

jQuery et CSS3 superbes effets d'animation de déformation de hamburger

18 Jan 2017

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.

Introduction détaillée à 7 étonnants effets spéciaux d'animation de particules HTML5

06 Mar 2017

L'un des grands avantages du HTML5 est qu'il peut créer plus facilement et plus efficacement des effets spéciaux d'animation de particules sur les pages Web, en particulier la fonctionnalité Canvas, qui peut dessiner n'importe quel graphique et animation sur les pages Web. Cet article partagera 7 effets d'animation de particules HTML5 étonnants. Ces effets de particules permettent de télécharger le code source pour que tout le monde puisse l'apprendre. 1. Effet de simulation de particules HTML5 Canvas Il s'agit d'une animation de 30 000 particules simulée à l'aide de HTML5 Canvas. Lorsque vous déplacez la souris sur la toile, certaines particules autour de la souris se déplacent avec vous et forment un certain motif, tout comme si vous jouiez avec de la peinture sur sable. , l'effet...

Effets spéciaux d'animation de ciel étoilé 3D cool CSS3 pur

18 Jan 2017

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.

See all articles