多阴影 - web秀

#多阴影#

共找到多阴影相关内容 4 条

4年前

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

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

前面几个小节都要提到Box-Shadow，这个小节让我们来真正感受它的强大吧。话不多说，直接看图：这个扑通扑通跳动的心，就是Box-Shadow制作的。如果你看过前面小节《CSS3Box-ShadowLoading，创造无限可能》，应该看到这个效果，就可以自己动手做了。下面我们一起动手试试吧绘制心形<divclass="heart"></div>css.heart{font-size:30px;width:1em;height:1em;color:red;background-co

552924 3599 2

4年前

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

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

Box-Shadow通常，我们都是用作弹框阴影、需要层次的的元素等。但是它有更强大的功能，多层阴影，制作一些非常有趣的动画。box-shadow:h-shadowv-shadowblurspreadcolorinset;属性值描述h-shadow指阴影水平偏移量，其值可正可负，正值，则阴影在对象的右边，负值，阴影在对象的左边v-shadow指阴影的垂直偏移量，其值也可以是正负值，正值，阴影在对象的底部，负值时，阴影在对象的顶部blur阴影模糊半径，此参数是可选，只能为正值，如果其值为0时，表示阴影不具有模

555221 3678 0

4年前

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

本节你能get到什么前端知识1、CSSFlex垂直居中对齐2、CSSclip剪裁3、CSSbox-shadow多阴影看图解构看图很简单咯，AdidasLogo就是用3个“梭形”组成，然后添加3条和底色一样颜色的线覆盖在上面即可。什么是“梭形”？船大家都见过吧，它就是“梭形”形状的，类似于“菱形”，但是“梭形”两头都是圆圆的，不是尖尖的角。生活中，还有很多花瓣也都是“梭形”的。logo底图<divid="adidas"><divclass="logo"></div><

547706 3308 0

3年前

CSS3基础知识：box-shadow, outline,outline-offset 实现多重边框

CSS3基础知识：box-shadow, outline,outline-offset 实现多重边框

基础知识定义box-shadow相信很多人都已经用透了，可用来给元素添加各种阴影效果，反过来，也只有我们需要实现阴影时才会想起它，其实，box-shadow还接受第四个参数作为阴影扩张半径，当我们只设置扩张半径时，零偏移，零模糊，产生的效果其实相当于一条实线“边框”。CSSbox-shadow属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。语法/*x偏移量|y偏移量|阴影颜色*/bo

547230 3248 0

下拉加载更多