The Yzz Blog

用clip-path画图形

用clip-path画图形

css发展到现在,在图形绘制这块几乎是无所不能。但是一些稍微复杂的图形,都是利用border和多个HTML元素来构建,导致其可扩展性不高。所幸,css3还有clip-path这个属性,这个属性刚看有点陌生,毕竟是存在与SVG里头的
。利用遮罩的方法,连接座标绘制遮罩区域,就可以做出许多不同的形状,让底色或底图显现,随着浏览器对于CSS3的支援度大幅提升,自然而然的就可以用它来做些与众不同的变化。

...continue reading>

《css揭秘》读书笔记系列---实现条纹背景

《css揭秘》读书笔记系列—-实现条纹背景

最近在拜读《css揭秘》这本书,为了加深理解,我会写下一系列的读书笔记

直接进入正题

先说一个属性,linear-gradient——线性渐。通过这个属性,我们可以设置两个颜色值,让背景从颜色a过渡到颜色b,再设置起始位置,最后通过background–size来调整大小,就可以达到我们想要的效果

...continue reading>

总结Hover-css

是时候沉淀一下自己

前段时间,发现了一个Hover的css库。抱着练练手的心态,clone下来慢慢学习,不知不觉也1个月多了。算是吧里面的所有效果都完成了,也用到了蛮多css3的特性,还有一些sass优秀的写法和整体文件结构。所以在这里总结一下这个库里get到的技能点。地,文章较长,见谅。

...continue reading>