实操-css页面布局
写项目和案例遇到的问题
前端煎饼
这个作者很懒,什么都没留下…
展开
-
鼠标悬停图片内部放大效果(正常盒子和弹性布局盒子两种)
2.因为内部放大,那么溢出的部分就得隐藏,因此我们可以给img图片包一个父盒子,给父盒子设置和img图片一样的宽高,然后设置溢出隐藏overflow:hidden;解决方法:给img在包一个div,在把溢出隐藏设置在这个div上就可以了。1.实现放大效果,一般都用transform: scale(倍数)因为弹性布局中间还有空间,所以图片放大会往下走。3.最后加一下过渡动画就行了。原创 2023-11-04 00:05:06 · 1412 阅读 · 0 评论 -
解决盒子鼠标悬浮加边框导致里面元素位置抖动
如图,在鼠标悬浮到元素上时,里面元素位置发生了抖动,很影响观感。给悬浮出现边框的盒子提前加上一个透明边框,把位置先占着就可以了。如何不想因为边框而改变原来盒子大小,可以加上一句。原创 2023-09-18 23:21:04 · 206 阅读 · 0 评论