CSS3 해상 크루즈 애니메이션 효과
CSS3 해상 크루즈 애니메이션 효과는 CSS3 애니메이션 속성을 통해 제작된 바다 위의 선박 항해 애니메이션 특수 효과입니다.
<svg version="1.1" class="ship" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x ="0px" y="0px"
viewBox="0 0 600 600" 스타일="활성화-배경:새 0 0 600 600;" xml:space="보존">
<circle id="sun" class="ship1" cx="520.8" cy="369.8" r="44.9"/>
<ret id="smoke1" x="173" y="225" width="18" height="10"/>
<ret id="smoke2" x="173" y="225" width="18" height="10"/>
<ret id="smoke3" x="173" y="225" width="18" height="10"/>
<ret id="smoke4" x="173" y="225" width="18" height="10"/>
<g id="배송">
<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"/>
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
17 Mar 2017
이 기사에서는 CSS3 애니메이션 애니메이션 특수 효과 플러그인을 능숙하게 사용하는 방법을 소개합니다.
06 Mar 2017
이 기사에서는 주로 순수한 CSS3 팀원을 소개하여 애니메이션 특수 효과 예제를 소개합니다.
16 May 2016
이 글은 올해 이 사이트에서 인기를 끌었던 HTML5/css3 애니메이션 특수 효과 10가지를 요약하고, 필요한 친구들이 비교하고 사용할 수 있도록 데모 주소와 다운로드 주소를 첨부합니다.
16 May 2016
아래 편집기는 HTML5 CSS3 진행률 표시줄 카운트다운 애니메이션 특수 효과 코드[권장]를 공유합니다. 모두에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.
22 Mar 2017
아래 편집기는 CSS3 애니메이션 효과 요약을 제공합니다(권장). 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라가서 살펴보겠습니다.
08 Sep 2023
CSS3 애니메이션 효과 제작 방법을 빠르게 익히는 방법 CSS3 애니메이션은 웹 디자인에서 일반적으로 사용되는 효과로, 웹 페이지에 생동감 있는 느낌을 더하고 사용자 경험을 향상시킬 수 있습니다. 이 기사에서는 일반적으로 사용되는 몇 가지 CSS3 애니메이션 효과 제작 방법을 소개하고 독자가 CSS3 애니메이션 제작 기술을 빠르게 익히는 데 도움이 되는 코드 예제를 제공합니다. 1. 기본 애니메이션 번역 번역이란 X축 또는 Y축을 따라 움직이는 요소의 효과를 말합니다. CSS3 "변환" 속성과 "번역" 기능을 사용하여 "a"를 결합합니다.
Hot Tools
CSS 텍스트가 하트 모양의 애니메이션 특수 효과로 결합되었습니다.
CSS 텍스트가 하트 모양의 애니메이션 특수 효과로 결합되었습니다.
CSS3 SVG 표현 꽃 생기 특수 효과
SS3 SVG 고백 꽃 애니메이션 특수효과는 발렌타인데이 애니메이션 특수효과입니다.
CSS 쇼핑몰 웹사이트는 일반적으로 왼쪽 카테고리 드롭다운 탐색 메뉴 코드를 사용합니다.
CSS 쇼핑몰 웹사이트는 일반적으로 왼쪽 카테고리 드롭다운 탐색 메뉴 코드를 사용합니다.
jQuery+CSS3 발렌타인 데이 사랑 특수 효과
jQuery+CSS3 발렌타인 데이 사랑 특수 효과는 발렌타인 데이에 흔들리는 하트 애니메이션 특수 효과입니다.
CSS3 숟가락으로 찹쌀밥을 퍼올리는 애니메이션 특수 효과
귀여운 찹쌀떡 한 그릇 표정, 찹쌀떡을 퍼올리는 숟가락 애니메이션 특수효과