首先说明一下： 用IE9以下的用户，你们都是爸爸。 前言：当css3.0出现以后，出现了很多选择器，其中伪类选择器很好用，比如:nth-child，很容易判断并选择对象。让我们的工作变的更方便。 但有个麻烦，IE8及IE8以下对很多伪类选择器并不兼容。 这13个伪类选择器是比较长用到的： 会发现，I ...
分类：
Web程序 时间：
2020-01-26 17:34:02
阅读次数：
111
<div class="wrapper"> <p class="test1">1</p> <p class="test2">2</p> <p class="test3">3</p> <p class="test4">4</p> <p class="test5">5</p> </div> p{ wid ...
分类：
Web程序 时间：
2020-01-21 21:45:33
阅读次数：
105
最近这张图火了，让我火遍了大江南北，震惊了整个CSS圈 一张思维导图搞定CSS3全部新特性（图片太大，切片上传） 原图下载地址 配套CSS3实战视频地址 由king老师历时一个月，精心收集与整理的CSS3全部新特性的素材，包括国外资源、辅助工具、项目素材、实战案例...就不一一列举了，好不好看了就知 ...
分类：
Web程序 时间：
2020-01-21 00:37:58
阅读次数：
132
阅读原文 偶然看到github的404页面，没想到github的404页面也是做的很有心，就试着找了下源码，打算仿一下这个效果。 这个效果看上去是3d的，其实没有用到css3里边的任何一个与3d有关的属性，这个页面应该在很早之前就被做出来了，可能那时的css3兼容性还没现在这么好。这个页面是借用图片 ...
分类：
其他好文 时间：
2020-01-20 22:44:36
阅读次数：
79
我们经常希望一段文本中的字符逐个显示，模拟出一种打字的效果。类似于终端命令行的感觉。最终效果 用JS去实现： html： <span class="text"></span> <i class="cursor" style="display: none; border-right:2px solid ...
分类：
Web程序 时间：
2020-01-20 14:44:11
阅读次数：
93
animation animation-name（动画名称） animation-name: keyfamename | none; //检索或设置对象所应用的动画名称 animation-duration（动画持续时间） animation-duration: time; //检索或设置对象动画的 ...
分类：
Web程序 时间：
2020-01-20 14:36:31
阅读次数：
75
按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢 通常这类效果第一反应可能就是借助canvas了，比如下面这个案例点击预览（建议去codepen原链接点击预览访问，segmentfault内置的预览js会加载失败） 效果就更加 ...
分类：
其他好文 时间：
2020-01-20 12:55:39
阅读次数：
74
没错！我正在写bug呢！不管你是小白还是大牛，写bug无可避免，遇到bug怎么办？别慌！毛主席教导我们“战略上藐视BUG，战术上重视BUG”！前端遇到的bug无非就三个方面结构层（HTML），表现层（CSS），行为层（JavaScript）。 一、结构层（HTML） HTML出错的主要原因是对规范不 ...
分类：
其他好文 时间：
2020-01-18 19:29:37
阅读次数：
94
文字带上渐变色，或者说让文字透出图片。这些效果CSS属性也可以完成。方法一、利用CSS3属性mix-blend-mode:lighten;实现使用mix-blend-mode能够轻易实现，我们只需要构造出黑色文字，白色底色的文字div，叠加上图片，再运用mix-blend-mode即可，简单原理如下：核心代码如下：<divclass="container"><divclass="
分类：
Web程序 时间：
2020-01-18 01:22:16
阅读次数：
123
介绍在css2当中，存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。而在css3当中，新增加了弹性盒子模型，弹性盒子模型是一种新增加的强大的、灵活的布局方案。弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。新旧版本的弹性盒子模型在之
分类：
Web程序 时间：
2020-01-17 10:09:41
阅读次数：
106
