定义动画: @keyframes mymove { from {left:0px;border-left: 0px solid #d91f24;} to {left:3px;border-left: 4px solid #d91f24; box-shadow: 0px 0px 20px rgba(1 ...
分类：
Web程序 时间：
2019-04-02 12:31:27
阅读次数：
152
关于figure元素和figcaption元素的解释与应用： https://www.w3cplus.com/html5/quick-tip-the-right-way-to-use-figure-and-figcaption-elements.html ...
分类：
Web程序 时间：
2019-04-01 01:15:30
阅读次数：
168
1、css3已经可以实现 img标签 和 img内图片分开处理的功能了。类似标签的背景图。 https://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/ 2、 ...
分类：
Web程序 时间：
2019-03-29 01:01:12
阅读次数：
237
我爱撸码，撸码使我感到快乐！ 大家好，我是Counter，本章微博主要利用了CSS3的一些新特性， 主要用到关键帧来使3D图形运动起来，涉及到了一些抽象的思想，立体的想象。 先给大家看看完成的效果，代码也不是很难，每行代码都给到了详细注释，纯CSS，没有用到JS，CSS3不错。 效果如下: 每一行基 ...
分类：
Web程序 时间：
2019-03-26 01:35:50
阅读次数：
207
1. 思路 怎么用CSS3画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗 网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题 假设我们做一个向下的三角形箭头 常见的方法大致有两种 方法一可以画三角形, 但是画阴影是很难做到的(如果做到的朋友, 欢迎给我留言) 2. 设计 2.1 ...
分类：
Web程序 时间：
2019-03-23 13:12:37
阅读次数：
202
Web页面的布局，我们常见的主要有“浮动布局（float）”、“定位布局（position）”、“行内块布局（inline-block）”、“CSS3的多栏布局（Columns）”、“伸缩布局（Flexbox）”以及“网格布局（Grids）”等，在众多布局方法中，大家最为熟悉的就是浮动布局和网格布局 ...
分类：
其他好文 时间：
2019-03-21 11:59:52
阅读次数：
225
FFC(Flexible Formatting Context) CSS3引入了一种新的布局模型——flex布局(之前有文章介绍过)。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布 ...
分类：
其他好文 时间：
2019-03-21 11:48:02
阅读次数：
194
一、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的 二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么1 ...
分类：
Web程序 时间：
2019-03-21 01:05:53
阅读次数：
178
# 第二章 CSS3 选择器1. 基本选择器：所有浏览器都可用2. 层次选择器：基本所有浏览器都可用（部分 IE7+）3. 伪类选择器：大部分 IE8+9 + 可用 E:target：匹配 id 为 hash 的元素 E:lang(language)：匹配 lang 属性的值为 language 的... ...
分类：
Web程序 时间：
2019-03-20 17:26:15
阅读次数：
199
