社区讨论LinuxDo 最新
fable 5.1 鹈鹕骑自行车
拉完了 鹈鹕骑自行车 html, body { margin: 0; height: 100%; background: c9e3f3; } body { display: flex; align-items: center; justify-content: center; } svg { width: min(100vw, 960px); height: auto; display: block; } 鹈鹕骑自行车 <line x1="0" y1="-56" x2="0" y2="56" transf
内容摘要
作者：#(˶‾᷄ ⁻̫ ‾᷅˵)
板块：#搞七捻三
拉完了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>鹈鹕骑自行车</title>
<style>
html, body { margin: 0; height: 100%; background: #c9e3f3; }
body { display: flex; align-items: center; justify-content: center; }
svg { width: min(100vw, 960px); height: auto; display: block; }
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 800 520">
<title>鹈鹕骑自行车</title>
<defs>
<!-- 车轮：以原点为圆心，自带旋转动画 -->
<g id="wheel">
<circle r="65" fill="none" stroke="#2f2f2f" stroke-width="9"/>
<circle r="56" fill="none" stroke="#9aa0a6" stroke-width="3"/>
<g stroke="#9aa0a6" stroke-width="2">
<line x1="0" y1="-56" x2="0" y2="56"/>
<line x1="0" y1="-56" x2="0" y2="56" transf
资讯来源
LinuxDo