Css 时钟时长
我一直在电码笔上玩这个钟 谁能帮我缩短时针的长度?我试过改变高度,但它似乎是从外到内牵手 所讨论的代码是:Css 时钟时长,css,svg,clock,Css,Svg,Clock,我一直在电码笔上玩这个钟 谁能帮我缩短时针的长度?我试过改变高度,但它似乎是从外到内牵手 所讨论的代码是: <div id="clock-container" style="padding-left:180px;"> <font color="white" size="1"> London</font> <svg id="clock" viewBox="0 0 100 100"> &l
<div id="clock-container" style="padding-left:180px;">
<font color="white" size="1"> London</font>
<svg id="clock" viewBox="0 0 100 100">
<circle id="face" cx="50" cy="50" r="45"/>
<g id="hands">
<rect id="hour" x="47.5" y="12.5" width="5" height="40" rx="2.5" ry="2.55" />
<rect id="min" x="48.5" y="12.5" width="3" height="40" rx="2" ry="2"/>
<line id="sec" x1="50" y1="50" x2="50" y2="16" />
</g>
</svg>
</div>
谢谢 只需更改高度和y轴即可。例如,对于较短的20px:
只需更改高度和y轴。例如,对于较短的20px:
<rect id="hour" x="47.5" y="32.5" width="5" height="20" rx="2.5" ry="2.55" />
x = 50 - width/2
y = 50 - height