CSS
小-茶
热爱可抵岁月漫长
展开
-
旋转轮播图和图片旋转变形
旋转轮播图 没有学JS,但是CSS弄成的旋转轮播图也还可叭 还是没有GIF 用到了: 父盒子加透视perspective, 还有transform-style:preserve-3d;让父盒子里的子盒子以3D效果显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2019-11-21 21:58:06 · 489 阅读 · 0 评论 -
回顾--BFC(块级格式化上下文)
BFC(Block formatting context) "块级格式化上下文" BFC是一个封闭独立的渲染区域,规定内部的元素如何布局,并且与区域外部毫不相干。 不是所有的元素模式都能产生BFC,w3c 规范: display 属性为 block, list-item, table 的元素,会产生BFC. 要给这些元素添加如下属性就可以触发BFC。 -float属性不为none -positi...原创 2019-11-17 12:50:36 · 91 阅读 · 0 评论 -
动画(CSS3)
动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。* 语法格式: animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 注: 动画名称是自定义的; 一般只写前两个属性值:动画名称 动画时间 ; 运动曲线:ease默认; 播放次数:有animation-iteration-count:infinite...原创 2019-11-17 12:28:06 · 104 阅读 · 0 评论 -
CSS网课回顾
CSS精灵技术 精灵图:由很多小的背景图像合成的大图 本质:CSS精灵是一种处理网页背景图像的方式 使用:关键是使用background-position属性精确定位 使用FW准确测量x和y坐标,也就是background-position,y一般都是负的。 PS制作精灵图: ①精灵图上放的都是小的用于装饰的背景图片,插入图片不能往上放。 ②精灵图的宽度取决于最宽的那个背景。 ③每个图片之间有间隔...原创 2019-11-17 11:56:24 · 222 阅读 · 0 评论