![](https://img-blog.csdnimg.cn/20200411223620406.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
记录学习CSS的笔记
你最可爱521
这个作者很懒,什么都没留下…
展开
-
实现土豆网,鼠标经过生成的效果
问题:浏览土豆视频的时候,鼠标经过盒子,会产生灰色半透明盒子的遮罩。想要模拟一下这个效果。思路:一个div盒子,放一个a链接,a链接里放一张图片;div盒子放一个mask盒子,mask盒子使用绝对定位,display默认none,设置背景图,背景图居中,背景色为灰色半透明;鼠标经过div盒子,mask盒子display属性改为block代码:/*css代码*/.tupian { ...原创 2020-04-11 23:26:01 · 323 阅读 · 1 评论 -
用CSS绘制三角形
这是一道面试题上的,要求用纯CSS实现一个三角形思路:对于一个div盒子,不给高度和宽度,给四个边框border-size值,并且设为透明。如果三角形顶角向右,则给border-right值一个颜色,以此类推css代码:.sjx { /* 将元素的宽高设为0 */ /* 如果不设宽度,默认和父亲一样宽 */ heigh...原创 2020-04-11 22:52:42 · 98 阅读 · 0 评论