CSS3
action-XD
学习编程的小学生
展开
-
CSS3动画文字打印效果
样式 <style type="text/css"> @-webkit-keyframes typing { from { width: 100% } to { width:0 } } @-webkit-keyframes blink-caret { from, to { bo转载 2016-09-23 11:50:31 · 1973 阅读 · 0 评论 -
CSS3第一节
了解CSSCSS3是CSS2的升级版,3只是版本号,它在CSS2的基础上增加了很多强大的新功能,目前主流的浏览器谷歌,火狐等到都支持,ie10以后也全面支持CSS3.在编写CSS3样式时,不用的浏览器可能需要不同的前缀,它表示该CSS属性或者规则尚未成为W3C标准的一部分,但是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀,但为了更好的向前兼容,前缀是少不了的.CSS3浏览器兼容原创 2016-09-20 17:19:40 · 320 阅读 · 0 评论 -
CSS3第二节
CSS3自定义字体使用CSS3 @font-face实现个性化字体 在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天就介绍使用@font-face实现个原创 2016-09-20 17:48:10 · 345 阅读 · 0 评论 -
CSS3-border绘图制作五角星
原理width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid blue;五角星#star-five { margin: 50px 0; position: relativ原创 2016-09-21 17:44:16 · 845 阅读 · 0 评论