SVG动画案例库
浏览精选的SVG动画案例
移开即停止播放
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apple Logo — Line Drawing Animation</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #0a0a0a;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
font-family: -apple-system, 'Helvetica Neue', sans-serif;
overflow: hidden;
}
用线条慢慢勾勒出苹果公司的logo
173
移开即停止播放
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Security Shield Animation</title>
<style>
:root {
--bg-color: #020617;
--primary: #38BDF8;
--secondary: #3B82F6;
--accent: #22C55E;
--text-glow: rgba(56, 189, 248, 0.8);
}
body, html {
margin: 0;
padding: 0;
width: 100%
创建一个logo动画，用线条勾勒出一面盾牌的轮廓，然后在盾牌
174
广告
Ads已经到底了