(9月16日学习笔记)过渡属性，旋转，动画属性

最新推荐文章于 2023-07-05 20:15:01 发布
最新推荐文章于 2023-07-05 20:15:01 发布
阅读量126 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50518977/article/details/108614786
版权

2D 3D动画效果

transition 过渡属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注意：下拉列框的滑动效果，用透明Opacity属性，不用display和visivlity，因为他们的效果有问题

transform 属性
注意点：变形属性，不能分开写，如translatex和translatey不能分开写，代码会覆盖，用缩写形式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

rotate：X轴表示上下，Y轴表示左右，Z轴表示顺时针或者逆时针

在这里插入图片描述
在这里插入图片描述
perspective属性
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

pray Serendipity
关注
专栏目录
大前端学习笔记--持续随缘更新
JackieDYH的博客
02-10 1207
目录 0210--前端知识&HTML常用标签 0210--前端知识&HTML常用标签 1、浏览器及内核介绍： chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费 Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——Gecko Safari苹果——苹果...
前端学习笔记
最新发布
m0_63840629的博客
08-24 401
字体标签 粗体标签 ⾏内块级元素： 不会单独占⼀⾏，从左往右排列，能设置宽⾼值。⾏内元素：不会单独占⼀⾏，从左往右排列，设置宽⾼值不起效。下划线标签 斜体标签 块级元素：单独占⼀⾏，允许设置宽⾼值。上标标签 下标标签 2.块级元素、⾏内元素和⾏内块级元素。
css3动画学习笔记
qq_43174912的博客
04-20 315
2021 年 7 月 14 日 行间属性 placeholer 可以实现 input 属性聚焦消失文字 input::placeholer 可以改变 input 中文字的颜色 ::selection 可以改变选择文本样式的底色还有文字选中颜色及文字阴影颜色，及可以设置 color、background-color、text-shadow 的属性 伪类选择器是被选中元素的一种状态 :not（标签属性）选中除了括号中标签的元素属性的所有 根标签选择器:root 表示 html 里面的根节点，和 html 表示
HTML 与 CSS学习笔记（全）
慢慢manman的博客
07-08 632
HTML基本标签 HTML注释和特殊符号 特殊符号 字符实体 示例 空格 &nbsp； 百度 |新浪 大于 > &gt； 如果时间>;晚上6点，就坐车回家 小于 < &lt； 如果时间
个人前端学习笔记 html5+css（保持更新）
qq_43769855的博客
07-07 835
个人前端学习知识（html5+css）
前端学习笔记（HTML/CSS）
嵌入式学习记录站点
02-19 738
18年读大一时学习的前端设计，怼着一本书一直看，顺便做了笔记，整理了一下，发布出来，笔记内容特别乱我自己都看不懂了，但还是要发出来纪念纪念
CSS学习笔记
zzzhhhy的博客
03-14 1140
一、CSS 简介 1. CSS 网页的美容师 2. CSS 语法规范 3.CSS 代码风格 二、CSS 基础选择器 1. 选择器分类 2. 标签选择器 3. 类选择器 4. id 选择器 5. 通配符选择器 三、CSS 字体属性 1. 字体系列font-family 2. 字体大小 font-size 3. 字体粗细 font-weight 4. 文字样式 font-style 5. 字体复合属性 font： 6. 字体属性总结​
阿ken的HTML、CSS的学习笔记_CSS3高级应用（笔记九）
01-31 7231
9.1 过渡 CSS3 提供了强大的过渡属性，它可以在不使用flash动画或者Isp脚本的情况下.为元素从一种样式转变为另种样式时添加效果， 如渐显、渐弱、动画快慢等。在C55中。过渡属性主要包括tanstion poperry、taisonoduration 、tanstio iming fncton.transition-delay,本节将分别对这些过渡属性进行详细讲解。 9.1.1 transition- property属性 transition-property属性用于指定应用过渡效果的CSS属性
CSS笔记
qq_35625122的博客
07-05 336
自己理解总结的Css笔记
HTML+CSS 学习笔记
wc777777的博客
10-09 939
一、什么是html？ 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 1. 网页的组成 网页的三要素：结构html，表现css，行为js 2. Html发展史 HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。 HTML2.0，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的。 HTML3
web学习笔记
热门推荐
刘群智的博客
07-27 1万+
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
小程序云开发学习笔记（一）
小张的快乐码农生活
03-16 1035
目录 小程序开发入门 小程序的文件结构 小程序的页面组成 小程序的全局配置 json语法 设置小程序窗口表现 新建小程序页面 小程序开发入门 小程序的文件结构 小程序源文件的根目录下有app.js、app.json和app.wxss，这是小程序必不可少的三个主体文件。 app.json：小程序的公共设置，可以对小程序进行全局配置，决定页面文件的路径、窗口表现、设置多 t...
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
weixin_46615135的博客
03-23 1512
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
React核心知识点总结（全）
丢失的Litte_志伟的博客
01-15 3069
React知识点总结（全） 一：React脚手架（create-react-app（cra）） 1：安装 cnpm install -g create-react-app 2:初始化项目 create-react-app demoNmae 3：了解react脚手架中的webpack配置文件 ​ 释放配置文件（一般不释放） npm run eject（要删除目录下的.git文件） 释放所有的webpack配置文件 4：理解react设计的核心思想，一切皆为组件，可以细化一个元素 5：React开发特性
双向绑定介绍以及vue双向绑定的原理说明
丢失的Litte_志伟的博客
11-27 1617
双向绑定的原理（vue） 简介： 双向绑定：指的就是，绑定对象属性的改变到用户界面的变化的能力，反之亦然。换种说法，如果我们有一个user对象和一个name属性，一旦我们赋了一个新值给user.name,在UI上就会显示新的姓名了。同样地，如果UI包含了一个输入用户姓名的输入框，输入一个新值就应该会使user对象的name属性做出相应的改变。 vue双向绑定的实现（2.0以上） 一：通过这个方法 Object.defineProperty 来实现 双向绑定 （ vue 2.x） 二：Object.prox
React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期）
丢失的Litte_志伟的博客
12-23 1184
React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期） React组件内部state数据 当state中的数据发送变化以后，会调用render方法重新渲染VDOM。 state相当于重写，因为在react中，就有这个 setState方法： 为了解决多次设值state产生的多次渲染，会使用节流方法多次设值进行合并处理，相当于vue中的this.$nextTick（）方法 如果需要得到重新赋值后的值，应该在回调中去拿 经典使用场景：第二次ajax请求，依赖第一次aj
Vue项目总结
丢失的Litte_志伟的博客
12-18 790
vue项目总结 一：使用vue脚手架搭建项目框架 具体操作步骤，参见志伟的博客 二：项目开发 1：系统进入页面，登录页面逻辑业务实现（路由指向） 在APP端，我们的用户根据手机号，获取验证码登录。账号和密码在系统PC端的后台系统进行管理。（后台管理系统，由系统超级管理员进行用户权限设置） APP端的登录业务逻辑实现流程图（个人手绘，介意的话，参考下面德明老师的标准流程图） （德明老师的标准流程图） 2：首页业务实现即相关逻辑分析 项目布局优化—通用全局组件注册 ​ 在我们的项目会存在很多次页面跳转，以
使用node.js来连接mongodb数据库
丢失的Litte_志伟的博客
11-24 756
使用node.js来连接mongodb数据库 一：mongodb简介 MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。 二：准备工作 1、安装node.js，官网地址：https://nodejs.org
Vue.js学习笔记：计算属性与依赖关系解析
关于Vue.js的学习笔记，本文主要探讨了两个关键点：计算属性（computed properties）的使用限制以及它们之间的依赖关系。 1. 计算属性与`vm`变量 在Vue实例的计算属性函数中，不应直接使用`vm`变量，因为计算属性在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值