摘要:
看CSS3妙味课堂中有一课是介绍如何做钟表界面,然后三根针都能随着时间转动,然后自己在那个简易的版本上做了一些进一部改进。 <style id="css"> ul{ margin: 0;padding: 0; list-style: none; } #cover{ width: 400px; hei 阅读全文
摘要:
之前看到智能社主页的那个骰子样式的钟表,最近研究了一下,虽然没有仔细看他是怎么做的,但是学了css3的动画之后想自己尝试着写一下,用到的原理可能和智能社网站的不太一样,我自己主要用到了css3和js。 var t = new Date(); //获取当前时间 var t_d = t.getTime( 阅读全文
摘要:
这个是3D旋转的进阶版,是一个类似与骰子的正方体。这个版本只有秒数的个位数,还没有写整个钟表,下面那个版本好好想想该怎么写 <style> #wrap{ margin: 70px auto; width: 100px; height: 100px; padding: 100px; perspecti 阅读全文
摘要:
最近学了妙味的css3的动画,2D,3D的都有,先写一个最简单的3d翻转效果,鼠标移入div,正反面翻转效果。 注意点有: <style> #box{ margin: 70px auto; width: 300px; height: 200px; //父级要加宽高,否则旋转基点会很离谱 transf 阅读全文