我一直在代码笔http://codepen.io/knitevision1/pen/qfdne上玩这个时钟。
任何人都可以帮我减少时针的长度吗?我已经尝试改变高度,但似乎是从外面抽出手。
有问题的代码是:
<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>
谢谢!
答案 0 :(得分:4)
只需更改.navbar.always-open .navbar-collapse.collapse {
display: none;
}
.navbar.always-open .navbar-collapse.in {
display: block;
}
和height
即可。例如,y
更短:
20px
时钟的中心位于<rect id="hour" x="47.5" y="32.5" width="5" height="20" rx="2.5" ry="2.55" />
,因此双手50, 50
和x
的公式为:
y