介绍一个CSS项目,5.9K Star的CSS项目Water.css,适用于简单页面的美化,对于经常需要做演示页面的开发者会很有用。
阅读全文…
标签:css reset, dialog, form, normalize.css, ol, quickLayout, Water.css, zxx.lib.css, 按钮, 链接 发布在 CSS相关 | 3 条评论 »
Chrome 76+已经原生支持CSS backdrop-filter属性,类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能,前端必备小技能,必学必会必用到。
标签:backdrop-filter, blur, css相关, dialog, feGaussianBlur, 模糊, 毛玻璃效果, 高斯模糊 发布在 CSS相关 | 23 条评论 »
本文主要介绍N多种全新的动画过场效果,实现简单,体验俱佳,主要用到的技术是clip-path和mask遮罩,以及CSS变量和animation的创新实现方法,一定会有所收获的。
标签:clip-path, conic-gradient, dialog, linear-gradient, mask, mask-size, radial-gradient, var, 渐变, 遮罩 发布在 CSS相关 | 21 条评论 »
CSS ::backdrop伪元素可以控制视频,弹框或者普通全屏元素的黑色蒙层背景样式的。兼容性还很不错,实际项目中可以用一用。
标签:::backdrop, css相关, dialog, HTML5, video, 伪元素, 全屏, 背景透明 发布在 CSS相关 | 10 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》。
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信和公众号 微博 掘金 知乎