![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
吃饭了吗
这个作者很懒,什么都没留下…
展开
-
高度从0到自适应(css过渡)
当鼠标悬浮在元素上时,元素高度由0变为自适应原创 2023-05-20 15:54:58 · 496 阅读 · 0 评论 -
滚到固定位置播放动画(用的hover)
最近在做CSS3的动效,但是网页一般有滚动条,在下方的动画还没等鼠标滚到那就已经播完了,然后我想让滚动条滚动到固定位置再播放动画,又懒得写js,就用hover代替了 先用-webkit-animation-play-state:paused;使动画处于暂停播放的状态 @-webkit-keyframes silder-left { /*动画效果是,从上往下滑动*/ 0% {opacity: 0;transform: translate(0, -200px);} 100% {opaci.原创 2020-06-03 12:13:48 · 684 阅读 · 0 评论 -
鼠标经过显示边框
鼠标经过显示边框(伪元素方法) 原本图片 鼠标经过后的图片 <style> .photo{ width: 400px; margin: 200px auto; position: relative; /*给父元素设置定位,防止边框乱跑*/ } .photo img{ width: 100%; }原创 2020-05-31 22:24:28 · 590 阅读 · 0 评论 -
鼠标放到图片上,图片会放大的动画效果css
鼠标放到图片上,图片会放大的动画效果css 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <b原创 2020-05-23 01:00:04 · 1806 阅读 · 0 评论