1
zythum Jul 4, 2012
这个。必须有个canvas.. 不然真没办法做出个扇形...
|
2
cutehalo Jul 4, 2012 |
3
cutehalo Jul 4, 2012
or 这个 http://attasi.com/labs/volume/ ?
|
4
benzhe Jul 4, 2012
http://nipponcolors.com 打开右侧的 On 后,左侧的颜色环在切换颜色的时候会有 CSS 动画
|
5
Mak Jul 4, 2012
用 transform: matrix(......); 可以畫一個一角指向圓心的菱形,然後圓外面到部分用遮罩蓋起來就可以了。
麻煩的是遮罩層的邊框必須用圖片才能實現最外面哪個上黑下白漸變的「圓邊框」。 |
7
zythum Jul 4, 2012
突然一想,貌似不用蒙板也能做。 吃完饭做个demo
|
10
yqrm Jul 4, 2012
@cutehalo http://tutorialzine.com/ 这个站很不错,收藏了,感谢
|
11
zythum Jul 4, 2012
radial-gradient 是做圆心向外这么个方向的渐变是做不错扇形的。
|
12
bitsmix Jul 4, 2012 |
13
911 Jul 4, 2012 |
14
houkanshan Jul 4, 2012
|
15
zythum Jul 4, 2012
@houkanshan 和我实现实现的方式类似。但是用两个拼的话css transition怎么做过度呢。只能用js setTimeout或者祯动画做过度了
|
16
houkanshan Jul 4, 2012
@zythum 嗯,原作者就是setTimeout过度的,实际上他的rotate都是setInterval控制的。。。
如果能用帧动画就更好了 |
17
benzhe Jul 4, 2012
|
18
endintro Jul 4, 2012
http://css-tricks.com/examples/ShapesOfCSS/ 里的Pac-Man + css3 transform rotate?
|
19
zythum Jul 4, 2012 |
20
zythum Jul 4, 2012
|
21
benzhe Jul 5, 2012
@zythum 洗完澡我也做了一个 http://jsfiddle.net/DcYAb/
|
22
benzhe Jul 5, 2012 |
23
zythum Jul 5, 2012
good job
|
25
zythum Jul 5, 2012
这个只是个实现过程。不能说是山寨... 样子什么的是设计。 动画流畅么.那就要动脑子了...
|