CSS3 动画 动画（animation）是css3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或者一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 一、动画的基本使用 1.定义动画 用keyframes 定义动画（类似定义类选择器） ...
分类：
Web程序 时间：
2019-12-05 01:27:29
阅读次数：
127
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>两种方式让css隔行变色js和css3属性.box ...
分类：
Web程序 时间：
2019-12-03 19:46:40
阅读次数：
140
一、实现思路 需求：画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
屏幕尺寸 垂直方向上，iPhone X的显示宽度与iPhone 6，iPhone 7 和 iPhone 8 的 4.7 英寸一样，但是比4.7英寸的显示屏高145pt。 安全区域 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小 ...
分类：
其他好文 时间：
2019-12-01 19:01:39
阅读次数：
107
重点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
