随笔分类 -  css3

摘要:css3新特性 border属性(border-radius、border-image、box-shadow)详解 1、border-radius 圆角 支持:IE9+ 用法: border-radius:25px 25px 25px 25px 有四个值,分别表示 top-left、top-righ 阅读全文
posted @ 2018-06-12 16:45 Ya_豆芽 阅读(237) 评论(0) 推荐(0)
摘要:1,定义 W3C定义:伪元素伪类 都可以向某些选择器设置特殊效果。(css2中定义) css3中的定义: 1).伪元素:在DOM树中创建了一些抽象元素(虚拟的容器)。由两个冒号::开头(css2中并没有区别),为了兼容性一般还是写一个冒号:。 2).伪类: 为了选择器找到那些不存在于DOM树中的信息 阅读全文
posted @ 2017-11-08 11:31 Ya_豆芽 阅读(397) 评论(0) 推荐(0)
摘要:基于swiper 的 animate动画,适用于Swiper2.x和Swiper3.x 。 1. 使用Swiper Animate需要先加载swiper.animate.min.js和animate.min.css。 2.初始化时隐藏元素并在需要的时刻开始动画。 3. 在需要运动的元素上面增加类名 阅读全文
posted @ 2017-04-17 22:03 Ya_豆芽 阅读(3962) 评论(0) 推荐(0)
摘要:一、float的历史 float的设计初衷是实现文字环绕效果。 如下图,对图片添加float,文字实现环绕效果。 二、float特性 1、包裹性,表现:收缩、坚挺、隔绝。具有包裹性的属性:display:inline-block/table-cell...; position:absolute/fi 阅读全文
posted @ 2017-01-05 17:56 Ya_豆芽 阅读(297) 评论(0) 推荐(0)