过渡、形变及动画

一、过渡

1、transition:给作用者

transition-duration: 1s ; //过渡效果持续时间(必须属性)
transition-delay: 1s ; //等待一秒后才开始产生效果
transition-property //针对的css属性
transition-timing-function:	
	属性值       效果
	ease        先缓慢开始,然后加速,再缓慢结束
	linear      匀速
	ease-in     加速
	ease-out    减速
	cubic-bezier(n ,n , n, n)  在贝塞尔函数中定义自己的值
	steps(n)    分步执行

2、复合写法

transition :  1s  2s  ;  //没有顺序要求,出现的第一个时间是duration

3、注意
display不能使用过渡属性
opacity可以过渡

网页logo的设置

以.ico结尾的图片
ico图标生产网址:https://www.bitbug.net/
在网页头部标签中使用:<link rel="shortcut icon" href="faviconl.ico">
一般放在根目录下,不会和其他图片放在一起

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值