zoukankan
html css js c++ java
CSS3动画--过渡效果
CSS3动画--过渡效果
transition 设置四个过渡属性
transition-property 过渡的名称
transition-duration 过度效果花费的时间
transition-timing function 过渡效果的时间曲线
transition-delay 过渡效果开始时间
1、案例源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3动画--过渡效果</title>
<style>
*{margin: 0;padding: 0}
section{ 200px;height: 200px;background-color: coral;transition:width 2s,height 2s, transform 2s;
margin: 50px auto;}
section:hover{ 400px;height: 400px;transform:rotate(360deg);}
</style>
</head>
<body>
<section></section>
</body>
</html>
2、案例效果
查看全文
相关阅读:
StringTable
TCP网络协议
也说JVM内存区域
JVM类加载
java中的引用:强、软、弱、虚
AQS
vscode支持unicode编码
设计模式简记-快速改善代码质量的编程规范
擅事利器
设计模式简记-通过重构增强代码可测试性实战
原文地址:https://www.cnblogs.com/qikeyishu/p/7392557.html
最新文章
常用的基本配置参数
查看 JVM 参数的默认值
JVM 的参数类型
GC Roots
死锁及定位分析
synchronized 和 Lock 的区别
学生成绩管理系统
jdbc基础(重要)
jdbc里一个最靠谱的连接demo
java关键字
热门文章
对java的认识
OAuth2实现微信登录
JWT实现单点登录
feign结合Hystrix使用
服务调用openfeign
Nacos的使用
利用EasyExcel进行对表格数据的写入
MybatisPlus实现自动填充功能
设计模型概述
GC相关算法
Copyright © 2011-2022 走看看