随笔分类 -  CSS3

css3的相关学习资料,笔记,心得体会,要点与难点等的记录,
摘要:grunt-spritesmith https://www.npmjs.com/package/grunt-spritesmith 阅读全文
posted @ 2016-04-29 13:53 smght 阅读(543) 评论(0) 推荐(0)
摘要:Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框。 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它。 阅读全文
posted @ 2016-03-23 13:41 smght 阅读(361) 评论(0) 推荐(0)
摘要:http://ask.dcloud.net.cn/article/128 字体地址:http://www.iconfont.cn/ 阅读全文
posted @ 2016-02-23 14:30 smght 阅读(678) 评论(0) 推荐(0)
摘要:1、cubic-bezier贝塞尔曲线CSS3动画工具 http://www.xuanfengge.com/cubic-bezier-bezier-css3-animation-tools.html 2、translate3d translate(50px,50px),translate(100px 阅读全文
posted @ 2016-02-22 18:26 smght 阅读(2320) 评论(0) 推荐(0)
摘要:sdf 阅读全文
posted @ 2016-01-14 11:30 smght 阅读(142) 评论(0) 推荐(0)
摘要:sadf sadf 阅读全文
posted @ 2015-12-22 14:40 smght 阅读(157) 评论(0) 推荐(0)
摘要:background: rgba(0, 0, 0, 0.6); 阅读全文
posted @ 2015-11-21 18:23 smght 阅读(324) 评论(0) 推荐(0)
摘要:Loading 动画效果一HTML 代码:1234567CSS 代码:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152.spinner {margin:100... 阅读全文
posted @ 2015-09-16 14:09 smght 阅读(246) 评论(0) 推荐(0)
摘要:bootstrap教程http://www.runoob.com/bootstrap/bootstrap-forms.html 阅读全文
posted @ 2015-09-14 14:12 smght 阅读(143) 评论(0) 推荐(0)
摘要:animation: name 2s ease 0s 1 both有人知道这后面的参数都代表什么意思吗name 就是你创建动画的名称2S表示的时长ease表示运动效果0S表示延迟时间1表示的是播放的次数CSS3 animation-fill-mode :both规定动画在播放之前或之后,其动画效果... 阅读全文
posted @ 2015-09-10 17:13 smght 阅读(2131) 评论(0) 推荐(0)
摘要:.first_tree li:hover{ color:#FFF; cursor:pointer; background-color:#ff8a00; background: -ms-linear-gradient(top, #ff8a00 0, #ff8a00 100%); ba... 阅读全文
posted @ 2015-09-01 10:23 smght 阅读(534) 评论(0) 推荐(0)
摘要:sdasd 内层宽度不固定,却可以水平居中的办法, 阅读全文
posted @ 2015-05-27 17:22 smght 阅读(653) 评论(0) 推荐(0)
摘要:本文和大家重点讨论一下解决DIV高度自适应的方法,这里主要从四个方面来向大家介绍,相信通过本文学习你对DIV高度自适应问题会有更加深刻的认识。DIV高度自适应关于DIV高度的自适应,一直是个让人头疼的问题,整理了一下以前总结的方法,仅表示我也玩过。htmlcode:这边的高度自适应右侧的高度可用的方... 阅读全文
posted @ 2015-05-15 12:14 smght 阅读(27188) 评论(0) 推荐(1)
摘要:http://www.cssbeauty.com/gallery/ 阅读全文
posted @ 2015-04-24 13:23 smght 阅读(131) 评论(0) 推荐(0)
摘要:#sidebar {float:left; width:200px; height:500px; background:#cf9;}#content { margin-left:205px !important; margin-left:202px; width:expressio... 阅读全文
posted @ 2015-03-31 10:47 smght 阅读(128) 评论(0) 推荐(0)
摘要:box-sizing:content-box规定两个并排的带边框的框: 阅读全文
posted @ 2015-03-31 09:53 smght 阅读(143) 评论(0) 推荐(0)