前言:
现在小伙伴们对“如何点击遮罩层把点击事件传给下一层”可能比较关心,姐妹们都需要分析一些“如何点击遮罩层把点击事件传给下一层”的相关资讯。那么小编也在网摘上网罗了一些对于“如何点击遮罩层把点击事件传给下一层””的相关文章,希望朋友们能喜欢,咱们快快来了解一下吧!原神遮罩层灵活运用。
璃月港。
今天用三步完成原神官网的遮罩层效果。
·先准备好主体部分。
·第一步:添加遮罩层盒子,写上基本css样式,宽、高、背景颜色,绝对定位,覆盖主体盒子。看下效果。
·先让遮罩层隐藏,鼠标经过时遮罩层再显示,这样基础版的遮罩层就完成了。但是这里要改用背景图片,不重复显示,位置中间偏右一点,看下效果。
·然后让遮罩层在最前面显示,加个粗点的边框,一个好看的遮罩层就搞定了。
·最后给遮罩层加个过渡效果,让鼠标一入一处时变得丝滑一点。
下一次再讲讲遮罩层的高级用法。胸垫美背上衣紧身短款打底衫。
标签: #如何点击遮罩层把点击事件传给下一层