• 不断学习才有回报,学无止境!

标签:CSS3

DIV+CSS技巧发现

用纯css3实现花格纹理背景

利用纯css3实现花格纹理背景,纯css3实现花格纹理背景是一款无需任何图片和js脚本即可以实现形式多样的花纹背景,包含横向和竖向栅格背景、马赛克背景等等,还可以自己扩展,非常棒的效果。 效果: CSS样式部分 body { font-family: Georgia, serif; } .stripes { heig……继续阅读 »

3年前 (2016-05-13) 537浏览 0评论

DIV+CSS技巧发现

网页加载后图片翻转效果的CSS3代码

特效说明:这是一款CSS3网页加载后图片翻转效果代码,基于CSS3属性transform编写简单动画,随简单,但是效果很好的图片翻转效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)使用方法: 调用CSS样式: <link rel="sty……继续阅读 »

3年前 (2016-04-11) 419浏览 0评论

DIV+CSS技巧发现

将彩色网页内容变成灰白色的(默哀专用)

想想当初有多人为了这个事情而忙得不可开交,要把所有的图片在photoshop里去色,再到样式表中把所有的颜色值改成灰色,最后等过了时间之后又要恢复原状。其中也有一些网站仅仅是在IE浏览器中用了滤镜来解决,并没有去处理其他浏览器的。 html{filter:progid:DXImageTransform.Microsoft.BasicImage(graysca……继续阅读 »

4年前 (2015-06-13) 561浏览 0评论

DIV+CSS技巧发现

伪元素::after和::before的学习理解

::after是一个CSS伪元素,使用::after,你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容,但这些内容能像普通内容一样显示,基本的效果是这样的: CSS代码 div::after { content: "你好"; } / HTML代码</pre> <div……继续阅读 »

4年前 (2015-05-04) 423浏览 0评论