对于表单控件的样式修改一直是个老大难的问题，如果不做大手术，还是很好兼容IE10和谷歌等现代浏览器的。有两种常规方法。第一种：直接干掉select旁边的小箭头，用图片或者border绘制三角形代替。chrome下面需要利用谷歌的私有属性-webkit-appearance完成。这个appearanc...
2018年08月14日 3852
最近更新
CSS教程
linear-gradient线性渐变的兼容性问题，有神器！
兼容性问题一直是让前端工程师脱发的主要罪魁祸首，所以，利用一些神器工具可以挽救你的发际线。先来一个兼容性全包括的代码片段，这是IE9不支持圆角的全系列：.gradient{
background: #d91915; /* Old browsers ...
2018年08月12日 6767
工具
杨雪果老师强大的Blur's good brush 7.0 pro，必须收藏！
看高高手的时候，无意间听到李涛老师说到杨雪果老师的这套画笔，于是下载下来一用，对于我这种绘画小白来说，太大材小用了，于是推荐给需要绘画的同学，必须收藏。下载地址：链接: https://pan.baidu.com/s/1_v8J6_XnJJbtMDBwDIJoiw 密码: mwjy有画笔和使用手册。...
2018年06月28日 11543
CSS教程
CSS3第十三课： steps animation逐帧动画，你不应该错过的最详篇！
animation动画除了可以实现补间动画外，还可以完成逐帧动画。在animation的属性中，有个属性animation-timing-function一共具有如下这些值，来自于MDN。/* Keyword values */
animation-timing-fu...
2018年06月27日 5748
CSS3案例集
steps animation，极光下奔跑的熊！
有次无意间看到了百度浏览器的动画效果，一直恋恋不忘，终于抽了点空仿了一个场景，感觉steps animation逐帧动画还是很强大呀。点击查看效果一、案例分析1、星空背景的运动和三层山的运动需要掌握背...
2018年06月22日 7114
酷站推荐
oat the goat，一个温暖的故事，一个超酷的网站
今天逛awwwards的时候，被一个网站吸引了，简直刷新了我对网站的认知啊，太美好了，让我有忍不住必须推荐的冲动，为此我专门开设了一个新的子栏目“酷站推荐”，把以后看到的好网站推荐给大家。看这样的网站，真的是眼睛一直冒星星，故事温暖，交互很强，很像游戏，可是这是一个货真价实的网站哦，使用了canva...
2018年06月14日 5514
CSS3案例集
transform变形在网页上的效果
这是一个小案例，展示了transform在网页上常见的几个效果。比如translate位置的移动，scale缩放，skew倾斜等。当然还应用了box-shadow投影，linear-gradient线...
2018年06月08日 4424
案例集
预科班纯CSS仿站练习作业
预科班两个星期的html+css的课程快接近尾声，学员们零基础下还是很努力的完成了这个仿站作业。因为是零基础的授课，所以这个仿站案例有些代码写的不够精简，没有考虑更多的兼容性问题，在IE9以上应该是没...
2018年06月05日 5061
CSS教程
CSS3第十二课：强大的多时间段animation动画！
animation动画与transition过渡动画有两个明显的区别：1、transition过渡动画只能执行一个时间段的动画，从初始到结束。而且必须有事件触发，比如hover事件，或者添加了新的class属性等。2、animation动画可以分时间段执行，比如第一个时间段执行一段动画，第二个时间段...
2018年06月04日 4722
JavaScript案例集
利用transform变形结合事件完成扇形导航
这个案例因为写错了一个transition的单词，害得我花了一个下午的时间，真的眼睛都瞎了，以后不要再犯这种低级错误 >_<查看效果案例源代码下载链接: https://pan...
2018年05月25日 4775