box-shadow 的标签存档

CSS3新增了哪些新特性？

CSS3新增了哪些新特性？

JavanJavan CSS 2021年6月18日
554 0
CSS3新增了哪些新特性？ 一、是什么 css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观 css3是css的最新标准，是向后兼容的，CSS1/2的特性在…
CSS简笔画logo系列：纯CSS绘制“Adidas” Logo

CSS简笔画logo系列：纯CSS绘制“Adidas” Logo

JavanJavan css-3 2020年8月18日
1.63K 0
本节你能get到什么前端知识 1、CSS Flex垂直居中对齐 2、CSS clip 剪裁 3、CSS box-shadow 多阴影 看图解构 看图很简单咯，Adidas Logo就是用3个“梭形”组成，然后添加3条和底色一样颜色的…
CSS简笔画：纯CSS绘制一艘邮轮

CSS简笔画：纯CSS绘制一艘邮轮

JavanJavan css-3 2020年8月7日
1.40K 0
本节你能get到什么前端知识 1、CSS 变量 2、CSS 伪类的灵活使用 3、CSS 绘制 梯形、箭头、转发箭头 4、CSS 相对定位和绝对定位 5、CSS transform 变形 6、CSS box-shadow 7、CSS …
CSS 3D世界，3D 透视照片墙

CSS 3D世界，3D 透视照片墙

JavanJavan css-3 2020年6月15日
3.06K 0
有了前面2章内容，大家应该对CSS 3D的构建，都有了一定认知了，动手能力强的小伙伴可能已经开始自己做好看的效果了。 今天我们就来滚固一下前面学的知识，下面有一个"3D照片墙"示例来加深一下我们所学的知识。 结构 用一个容器div.…
CSS爱心：把你的心我的心串一串

CSS爱心：把你的心我的心串一串

JavanJavan CSS, css-3 2020年1月20日
8.18K 2
前面几个小节都要提到Box-Shadow，这个小节让我们来真正感受它的强大吧。话不多说，直接看图： 这个扑通扑通跳动的心，就是Box-Shadow制作的。如果你看过前面小节《CSS3 Box-Shadow Loading，创造无限可…
Box-Shadow Loading，可以创造无限可能

Box-Shadow Loading，可以创造无限可能

JavanJavan CSS, css-3 2020年1月15日
8.25K 0
Box-Shadow 通常，我们都是用作弹框阴影、需要层次的的元素等。但是它有更强大的功能，多层阴影，制作一些非常有趣的动画。 box-shadow: h-shadow v-shadow blur spread color inse…
圣诞快乐：纯CSS绘制圣诞老人头像

圣诞快乐：纯CSS绘制圣诞老人头像

JavanJavan CSS, css-3 2019年12月24日
8.28K 0
前言 圣诞来临前夕，为小伙伴们加更一个有趣的CSS3效果，CSS3圣诞老人，同时祝大家圣诞快乐。 也预示这2019接近尾声，还有心愿和目标没有实现的要加油哦。 下面看看示例图： 图例解析 看了上图，我们先分解一下图形，一步一步实现 …
利用CSS线性渐变、阴影、缩放实现动画下雨效果

利用CSS线性渐变、阴影、缩放实现动画下雨效果

JavanJavan CSS, web前端 2019年2月21日
1.25W 0
前言 好雨知时节，当春乃发生。 随风潜入夜，润物细无声。 春节已经过去，新的一年刚刚开始，小伙伴们，今年你的目标是什么？定个小目标，挣他一个亿？分享一下我的目标，是让大家的web前端能力，更上一层楼。 下面进入主题，看下图： 这个动…