![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
晓明的日常操作
这个作者很懒,什么都没留下…
展开
-
css3的3D旋转效果讲解
代码绝大部分类似于我的3D平移,就是transform不同 为rotate<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D旋转的Demo</title> <style> #experiment{ -webkit-perspective:800px ;原创 2020-10-11 15:31:25 · 215 阅读 · 0 评论 -
css3的3D位移效果讲解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D位移的Demo</title> <style> /* perspective 定义3d元素距离视图的距离 以像素为单位 当给一个元素定义perspective属性的时候,其*子元素*就获得了一原创 2020-10-11 15:20:23 · 407 阅读 · 0 评论 -
css3的2D转换
转换:改变元素的状态:大小、位置、形状1. 转换的属性:transformtransform:transform-function / nonetransform-function:1. 旋转 - rotate()2. 位移 - translate()3. 缩放 - scale()例如: div{transform:rotate(angle)}2. 转换的原点:3. 转换的过程中,围绕的中心点 默认情况下,原点在元素的中间处transform-origin:取值:数值 - 以元素的左原创 2020-10-11 14:55:44 · 108 阅读 · 0 评论 -
css3兄弟选择器
兄弟选择器:相邻兄弟选择器匹配的相邻的元素 - 当前元素的【后面的一个】元素,前提必须有相同的父元素语法:selector1+selector22. 通用兄弟选择器匹配当前元素的【后面的所有兄弟】元素语法:selector1~selector2回顾:元素选择器 元素名{}class 类选择器 .类名{}id选择器 #id名{}通用选择器选择器1,选择器2,… 群组选择器选择器1>选择器2 父子选择器选择器1 选择器2 后代选择器&原创 2020-10-11 08:49:27 · 1414 阅读 · 1 评论