蓝色幻想728

摘要： 看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 阅读全文