随笔分类 - CSS
摘要：animate.css 是一款基本CSS3的动画样式插件，它定义了多种动画效果，见：http://www.jq22.com/yanshi819 给元素加入相应的样式类，即可赋于动画效果，非常easy！ 1、 添加动画样式，实现动画效果： 说明: a) 样式 animated 指定它是一个动画元素。
阅读全文
摘要：代码如下： 显示顺序为：E F D C B A 说明: 1) 样式： flex-direction: row-reverse;-webkit-flex-direction: row-reverse; 使其内部元素反转显示 2）容器必须是弹性盒子才有效，所以要加上样式：display: flex;
阅读全文
摘要：在项目中，我们可能经常使得自己设计的网页能自适应。特别是网站中的图片，经常要求在网页放大（或缩小）时，宽高同时放大（或缩小），而且不变形（即保持正常的长宽比）。为了不变形，常用的方法就是设置width值，然后高度height设置auto。如果是div，我们该如何处理呢。 背景图片宽高比固定 下面，我
阅读全文
摘要：1 .example { 2 padding: 20px; 3 color: white; 4 } 5 /* Extra small devices (phones, 600px and down) */ 6 @media only screen and (max-width: 600px) { 7 .example {background: red;} ...
阅读全文
摘要：box-shadow 用于设置边框阴影，语法： 如果要实现四边相同阴影效果，只设置阴影模糊半径和阴影颜色，比如： box-shadow: 0 0 10px #06c; 各参数说明如下：
阅读全文
摘要：CSS3的 transition 属性用于状态过度效果！ 1、语法： 上以语法兼容各浏览器。 2、transition含有四个部份设置，各部份设置如下： a) property ：规定设置过渡效果的 CSS 属性的名称，可选值如下： 比如： transition: width 3s; 只让宽度产生动
阅读全文
摘要：原文摘自：https://www.cnblogs.com/moqiutao/archive/2015/12/23/5070463.html 总节： 1） 定义字体标准格式： YourWebFontName ： 字体名称url('YourWebFontName.eot') 字体在服务器上的相对路径或绝
阅读全文
