Maison Effets spéciaux JS Effets spéciaux CSS3 Effet d'animation de croisière en mer CSS3

Effet d'animation de croisière en mer CSS3

Effet d'animation de croisière en mer CSS3

Effet d'animation de croisière en mer CSS3

L'effet d'animation de croisière en mer CSS3 est un effet spécial d'animation de navigation de navire sur la mer produit via l'attribut d'animation CSS3.

<svg crackée="1.1" class="ship" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x ="0px" et="0px"
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
<circle id="sun" class="ship1" cx="520.8" cy="369.8" r="44.9"/>

<rect id="smoke1" x="173" y="225" width="18" height="10"/>
<rect id="smoke2" x="173" y="225" width="18" height="10"/>
<rect id="smoke3" x="173" y="225" width="18" height="10"/>
<rect id="smoke4" x="173" y="225" width="18" height="10"/>

<g id="ship">
<polyline class="ship3" points="261,4 274,1 266,7 246,9 272,1 274,3 261,4 274,1 "/>
<ellipse class="ship1" cx="267.1" cy="253.7" rx="13.6" ry="13.3"/>
<path class="ship3" d="M274.8,244c5.2,4.1,6,11.6,1.8,16.9c0,0-2.4-5.9-7.6-10c-5.2-4.1-11.1-4.7-11.1-4.7
C262.1,240.9,269.6,239.9,274.8,244z"/>
<polyline class="ship1" points="269,6 274,3 272,1 274,3 270,9 268,1 "/>
<polygon class="ship3" points="389,3 371,2 108,9 371,2 85,7 319,9 86,2 315,7 97,2 315,1 111,6 274,3 318,2 274,1 318,4 286,7
331,6 286,6 332 296,9 344,9 296,9 345,5 319 447,5 310,5"/>
<path class="ship1" d="M294.6,274.2l23.6,0l0.2,12.6l13.2-0.1l0.4,10.2h12.9l1.4,23.7c0,0-79.5,6.6-123.1, 7.3
c-34.4,0.5,97.4-8.2,97.4-8.2l-0.7-20.2l-15.9-0.2l0.1-11h-9.8L294.6,274.2z"/>
<g>
<polygon class="ship1" points="195,1 275 167 275 172,2 238,8 189,9 238,8 "/>
<polygon class="ship3" points="189,3 275 167 275 172,2 238,8 187,5 238,8 "/>

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

Effet de conception d'interface utilisateur de barre de pagination CSS3 pure avec effets d'animation de transition Effet de conception d'interface utilisateur de barre de pagination CSS3 pure avec effets d'animation de transition

19 Jan 2017

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.

Menu de la barre d'outils avec effet d'animation élastique utilisant jquery et CSS3 Menu de la barre d'outils avec effet d'animation élastique utilisant jquery et CSS3

19 Jan 2017

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.

Organisation d'effets spéciaux courants sur des pages Web : Avancé Organisation d'effets spéciaux courants sur des pages Web : Avancé

23 Dec 2016

L'auteur a accumulé de nombreux effets spéciaux Web merveilleux et pratiques au fil du temps. Presque tous ces effets spéciaux sont des effets spéciaux de pages Web couramment utilisés. Je vais maintenant vous présenter ces effets spéciaux organisés et modifiés en trois niveaux. Chapitre avancé 1. différentes périodes

Organiser des effets spéciaux courants sur des pages Web : niveau élémentaire Organiser des effets spéciaux courants sur des pages Web : niveau élémentaire

23 Dec 2016

L'auteur a accumulé de nombreux effets spéciaux Web merveilleux et pratiques au fil du temps. Presque tous ces effets spéciaux sont des effets spéciaux de pages Web couramment utilisés. Je vais maintenant vous présenter ces effets spéciaux organisés et modifiés en trois niveaux. Niveau élémentaire 1. Laisse les mots continuer

Organiser des effets spéciaux courants sur des pages Web : niveau intermédiaire Organiser des effets spéciaux courants sur des pages Web : niveau intermédiaire

23 Dec 2016

L'auteur a accumulé de nombreux effets spéciaux Web merveilleux et pratiques au fil du temps. Presque tous ces effets spéciaux sont des effets spéciaux de pages Web couramment utilisés. Je vais maintenant vous présenter ces effets spéciaux organisés et modifiés en trois niveaux. Niveau intermédiaire 1. compte à rebours des vacances

Explication détaillée de l'utilisation de l'attribut d'animation en CSS3 Explication détaillée de l'utilisation de l'attribut d'animation en CSS3

23 Dec 2016

[Introduction] Avant de commencer à présenter l'animation, nous devons d'abord comprendre une chose spéciale, à savoir les "images clés". Nous l'appelons "images clés". Les amis qui ont joué à Flash connaissent peut-être cette chose. Jetons un coup d'oeil à ceci "...

Cliquez sur le bouton CSS3 pour obtenir un effet d'animation de dégradé d'arrière-plan Cliquez sur le bouton CSS3 pour obtenir un effet d'animation de dégradé d'arrière-plan

16 Feb 2017

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.

Explication détaillée de l'utilisation de la propriété d'animation Animation en CSS3 Explication détaillée de l'utilisation de la propriété d'animation Animation en CSS3

08 Mar 2017

Cet article présente principalement en détail l'utilisation de l'attribut d'animation Animation dans CSS3 et vous apprend à utiliser l'animation d'animation. Les amis intéressés peuvent s'y référer.

Explication détaillée de l'utilisation de la propriété d'animation Transition en CSS3 Explication détaillée de l'utilisation de la propriété d'animation Transition en CSS3

08 Mar 2017

Cet article présente principalement en détail l'utilisation de l'attribut d'animation de transition dans CSS3 et vous apprend à utiliser l'animation de transition. Les amis intéressés peuvent s'y référer.

See all articles See all articles

Hot Tools

Le texte CSS est combiné dans un effet spécial d'animation en forme de cœur

Le texte CSS est combiné dans un effet spécial d'animation en forme de cœur

Le texte CSS est combiné dans un effet spécial d'animation en forme de cœur

Effets spéciaux d'animation de fleurs d'expression CSS3 SVG

Effets spéciaux d'animation de fleurs d'expression CSS3 SVG

L'effet spécial d'animation de fleur de confession SS3 SVG est un effet spécial d'animation pour la Saint-Valentin.

Les sites Web des centres commerciaux CSS utilisent couramment le code du menu de navigation déroulant de la catégorie de gauche

Les sites Web des centres commerciaux CSS utilisent couramment le code du menu de navigation déroulant de la catégorie de gauche

Les sites Web des centres commerciaux CSS utilisent couramment le code du menu de navigation déroulant de la catégorie de gauche

jQuery+CSS3 Effet d'amour pour la Saint-Valentin

jQuery+CSS3 Effet d'amour pour la Saint-Valentin

jQuery + CSS3 Valentine's Day Love Special Effect est un effet spécial d'animation de cœur oscillant suspendu pour la Saint-Valentin.

cuillère css3 ramassant des effets spéciaux d'animation de boulettes de riz gluant

cuillère css3 ramassant des effets spéciaux d'animation de boulettes de riz gluant

Un bol d'expression mignonne de boulettes de riz gluant, une cuillère ramassant des effets spéciaux d'animation de boulettes de riz gluant