摘要：第一个测试按钮 第二个测试按钮 第三个测试按钮 test smy 阅读全文

摘要：一、#的涵义#代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如， http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。为网页位置指定标识符，有两个方法... 阅读全文

摘要：实际效果：主要是使用了-webkit-animation如：-webkit-animation:gogogo2sinfinitelinear;其中gogogo是自己定义的动画帧，2s是整个动画的秒数，infinite是永久循环 linear是线性变化 (step-end则是无线性变化，直接输出结果)代码如下：CSS:@-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); border:5px solid red; } 50%{ -webki... 阅读全文

摘要：今天在尝试用CSS3做android robot的时候 (http://jsfiddle.net/crabyan/bJVHU/4/)发现了参考例子里面的一个CSS3伪类 :before :after最近对于新知识确实落后了，必须恶补:before 伪元素在元素之前添加内容。这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。举例：<style>#test_1:before {content:url(http://static.cnblogs.com/images/adminlogo.gif)}</s 阅读全文