一、实现思路 需求：画n个20 x 20的方格，作为元素div的背景图片 思路：利用CSS3的linear-gradient。 首先设置元素的background-size为20px 20px；利用linear-gradient为元素设置渐变的背景图片，分别向上下左右四个方向画0.5px的线。 二、 ...
分类：
Web程序 时间：
2019-12-02 19:18:08
阅读次数：
125
transform是css3中具有颠覆性特征之一，可以实现元素的位移、旋转、缩放等效果 1.位移translate 1.1语法 1.2举例子 之前学过几种移动盒子的位置的方法：定位、盒子外边距。 现在又有一种新的方法就是translate,translate最大的优点就是不会影响到其他元素的位置。 ...
分类：
Web程序 时间：
2019-12-02 18:57:50
阅读次数：
117
背景：最近在学习CSS3，看到了一个小案例，通过自己的学习，动手实现了它，现在把它分享出来。 效果图 实现过程 1.首先我们需要在页面中写出一个静态的钟表效果。首先我们需要一个表盘div wrap 对其进行简单的样式设置，用border-radius属性将其设置成圆形。 <div id="wrap" ...
分类：
Web程序 时间：
2019-12-02 18:50:02
阅读次数：
93
1.如何使用 CSS3 强制换行？ A. word-wrap: break-word; B. text-wrap: break-word; C. text-wrap: force; D. text-width: set; 答案：A. word-wrap: break-word; 2.下面哪个是有效的 ...
分类：
Web程序 时间：
2019-12-02 00:17:08
阅读次数：
1773
官方QQ群 1+x 证书 Web 前端开发 CSS3 专项练习 http://blog.zh66.club/index.php/archives/196/ ...
分类：
Web程序 时间：
2019-12-01 22:47:41
阅读次数：
138
重点css3的动画效果 (时间及偏移位置)设置 和滚动监听位置的选择 HTML <!-- section1 --> <div class="section1"> <ul class=""> <li class="tt t1"><span class="cent1">骁龙855旗舰处理器</span> ...
分类：
其他好文 时间：
2019-12-01 18:44:38
阅读次数：
87
基于css的缺点（没有父层选择器、浏览器支持不一样具有兼容性、不能明确指定继承性），因此在写项目时需要用sass来写。 sass有两种语法，分别是以 .sass、 .scss为扩展名。前者诞生于07年，是最早也最成熟的css预处理器。scss是sass3所引入的，其语法完全兼容css3，并且继承了s ...
分类：
其他好文 时间：
2019-12-01 18:44:08
阅读次数：
156
前言 谈起浏览器的硬件加速，想必大家都知道的一个技巧就是在用CSS3做动画时，给元素添加transform: translateZ(0)或者transform: translate3d(0, 0, 0)就会开启GPU的硬件加速，将本来应该是浏览器处理的动画效果转交给GPU处理，从而使得动画看起来更加 ...
分类：
其他好文 时间：
2019-12-01 16:34:16
阅读次数：
112
2016年2月26日个人博客文章--迁移到segmentfault （1）text-shadow(文本阴影) 在介绍css3:text-shadow文本阴影之前，我们先来看看用它都能实现什么效果： 没错文本的阴影的效果很强大，接下来我们就一起开始学习吧. 语法：text-shadow：none | ...
分类：
Web程序 时间：
2019-12-01 11:36:39
阅读次数：
97
作者 | Jeskson 来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用，详细说明HTML5的新特性和新增加元素，CSS3的新特性，新增加的选择器，新的布局，盒子模型，文本，边框，渐变，变形，动画效果等。HTML5的介绍，常用的元素和属性，表单相关元素和属性，CSS3新添加的选择器，C ...
分类：
Web程序 时间：
2019-12-01 09:36:57
阅读次数：
123
