摘要: css3动画:开始给图片加了个透明度opacity:0.9,给figure最外面容器加和图片颜色相近的背景色,比如这个加的是黑色,给div最开始加个旋转0度,划过360度,文字刚开始透明度0,划过透明度1 代码 阅读全文
posted @ 2018-04-04 16:59 园园张 阅读(250) 评论(0) 推荐(0)
摘要: 代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset, 阅读全文
posted @ 2018-04-03 19:38 园园张 阅读(739) 评论(0) 推荐(0)
摘要: 代码 阅读全文
posted @ 2018-04-02 19:38 园园张 阅读(594) 评论(0) 推荐(0)
摘要: 设置最外面的div小点,并且overflow:hidden,让ul足够大装满图片,放六张图,四张图一样,最后两张和前两张一样是为了防止会有跳动效果,让最后两张和前两张一样不会跳,-800px是左移4张 阅读全文
posted @ 2018-03-29 12:24 园园张 阅读(202) 评论(0) 推荐(0)
摘要: animation-name: myfirst; animation-duration: 5s;动画时长 animation-timing-function: linear;运动轨迹是加速还是一直不变 animation-delay: 2s;多长时间后动画运动 animation-iteration 阅读全文
posted @ 2018-03-29 10:41 园园张 阅读(128) 评论(0) 推荐(0)
摘要: Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器,必须加上-webkit前缀。 注意,设为 Flex 布局以后,子元素的float、clea 阅读全文
posted @ 2018-03-28 18:57 园园张 阅读(284) 评论(0) 推荐(0)
摘要: align-center:center多行垂直方向居中 align-items:center垂直方向单行居中 阅读全文
posted @ 2018-03-28 18:54 园园张 阅读(361) 评论(0) 推荐(0)
摘要: flex-grow:取整数 ,在伸缩行伸缩程度 阅读全文
posted @ 2018-03-28 18:50 园园张 阅读(124) 评论(0) 推荐(0)
摘要: justify-content:space-around 左右边上有边距 justify-content:space-between 左右边上没有边距 阅读全文
posted @ 2018-03-28 18:48 园园张 阅读(8042) 评论(0) 推荐(0)
摘要: 使用flex垂直居中div,align-items:center 垂直居中 justify-content:center 水平居中 阅读全文
posted @ 2018-03-28 18:05 园园张 阅读(316) 评论(0) 推荐(0)