<万博manbetx平台> CSS布局-过渡属性transition - CSS3 极速入门 - 万博manbetx平台中文网
点击切换帐号登陆
帐号密码登陆
找回密码 短信登陆
免费注册

  • 章节

  • 笔记

  • 评论
第1章 CSS基础入门
1-1 CSS层叠样式表
1-2 CSS创建与引入
第2章 熟练掌握CSS中常用样式控制
2-1 CSS背景控制—背景色
2-2 CSS背景控制—背景图
2-3 CSS的文本控制-(text)
2-4 CSS的字体样式-(font)
2-5 CSS的字体阴影-(3d文字)
2-6 CSS的边框属性-(border)
2-7 CSS的边框样式(阴影、圆角)
2-8 CSS的列表与表格样式
第3章 CSS中的高级语法（选择器）
3-1 CSS中的选择器分组与继承
3-2 CSS中的选择器（元素\class\id）
3-3 CSS中的派生选择器
3-4 CSS中的属性选择器
第4章 CSS中的布局
4-1 CSS中的盒子模型
4-2 CSS中的内外边距
4-3 块级、行内、行内块元素
4-4 块级、行内、行内元素相互转换
4-5 CSS中固定定位与相对定位
4-6 CSS中绝对定位
4-7 CSS布局-Float(浮动)
4-8 CSS布局-hover (伪类)
4-9 CSS布局-Overflow
4-10 CSS布局-过渡属性transition
4-11 鼠标悬停文字显示
第5章 CSS的布局案例
5-1 布局准备工作
5-2 仿百度搜索导航（浮动）
5-3 导航下拉框（定位）
5-4 完善下拉框细节（小箭头、阴影）
5-5 仿百度搜索侧边栏
5-6 侧边栏布局样式调整
5-7 背景图片定位
5-8 jQuery小试牛刀
5-9 仿百度搜索框布局
5-10 搜索框内部图片定位
5-11 仿百度搜索页面底部布局

CSS布局-过渡属性transition

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head>
	<meta charset="utf-8">
	<title>过渡属性transition</title>
	<style type="text/css">	
	 /*transition 是一个简写属性，用于在一个属性中设置四个过渡属性：
	 transition  
	 过渡的CSS属性名称 （所有属性都获得过渡效果 ）
	 过渡时间  （注：始终设置过渡时间，否则时长为 0，不会产生过渡效果）
	 过渡效果的时间曲线（linear相同速度\ease开始慢 变快 结束慢 ） 
	 过渡效果何时开始 （过渡效果开始之前需要等的时间以秒或毫秒计）*/
	 p{width: 200px;height: 200px;background: #ff6500;
       transition: width,margin-top,background 5s /*linear*/ /*2s*/;
	 }
	p:hover{width: 500px; margin-top: 80px;background: pink;}
	</style>
</head>
<body>
   <p>过渡属性transition</p>
</body>
</万博manbetx平台>


任务

?不会了怎么办
无数据提示暂无评论哟...我要评论

讲师其他课程

万博manbetx平台 教程手册（新）

初级 初级 520

万博manbetx平台5 极速入门

初级 初级 520

CSS3 极速入门

初级 初级 520

JavaScript极速入门

初级 初级 520

jQuery极速入门

初级 初级 520

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号
Copyright © 2018-2019 万博manbetx平台中文网 All Rights 万博manbetx平台中文网，专注于大前端知识，一站式万博manbetx平台自学平台！
工信部备案号： 鄂ICP备2021014202号