随笔分类 -  css3

摘要:毛玻璃效果就是将一个半透明的文本框叠放在一个背景图片上,如果色调配个得当,该效果还是有着较强的视觉冲击力。常用方法是通过设置文本框的背景透明度,代码如下: 该方法通过设置文本框的透明度来添加一个模糊层,还有一种方式是通过blue()滤镜来处理。 阅读全文
posted @ 2019-07-26 17:02 有梦想的咸鱼·-· 阅读(278) 评论(0) 推荐(0)
摘要:在一些比较酷的网站上,看到人家的导航栏有一个个平行四边形组成,在配合一些好的颜色,科技感还是蛮足的。常用的方法是通过skew()的变形属性来完成。该方法主要有三种情况, skewX() 该方法会保持高度,沿着X轴倾斜 skewY() 该方法会保持宽度,沿着Y轴倾斜 skew(x,y) 该方法先由X轴 阅读全文
posted @ 2019-07-25 16:17 有梦想的咸鱼·-· 阅读(380) 评论(0) 推荐(0)
摘要:边框内圆角 首先假设一个场景:需要一个容器,只在内测有圆角,而边框或描边的四个角在外部任然保持直角的形状。实现方式如下所示: 这种方式设计的较为巧妙,他的边框并非通过border来设置,如果通过border来设置,圆角与边框之间会有分析的。他是通过设置父元素的背景色,然后通过padding来挤压子元 阅读全文
posted @ 2019-07-19 17:11 有梦想的咸鱼·-· 阅读(271) 评论(0) 推荐(0)