box-shadow

歌词同步歌曲

totopleft,#000033,#000088,#000033);}.wrap{width:1050px;height:650px;margin:100pxauto;position:relative;box-shadow
浅夏_cd06·2021-05-18 03:15

HTML5和CSS3

1、css3实现了圆角（border-radius），阴影（box-shadow）2、对文字加特效（text-shadow），线性渐变（gradient），旋转（trans
66dong66·2021-05-17 05:09

CSS3阴影 box-shadow的使用和技巧总结

(摘自博客学习笔记，原网址：http://blog.csdn.net/freshlover/article/details/7610269)text-shadow是给文本添加阴影效果，box-shadow
空谷悠·2021-05-13 16:06

border

类似的还有：outline,box-shadow,text-shadow,...border-width支持关键字:thin-1px,medium(default)-3px,thick-5pxQ:border-width
MoonBall·2021-05-13 03:24

css动画

30px60px120px150px;设置四个圆角相同：border-radius:50%;CSS3阴影.box{width:200px;height:50px;background-color:gold;/*box-shadow
f6d8ee519880·2021-05-12 10:30

CSS3：圆角、阴影、rgba、transition动画、transform变换、animation动画

border-top-left-radius:30px60px;分设四角：border-radius:30px60px120px150px;设置四个圆角相同：border-radius:50%;（此时为正圆）阴影：box-shadow
琉佳·2021-05-11 23:10

32、通过阴影来弱化背景

主内容层.wrap{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);}配合固定定位或者页面没有滚动时，可以是用box-shadow
Elevens_regret·2021-05-11 20:56

大牛程序员眼中的CSS3：主流属性很好用、良好的文档，测试经常用，但还是让人头疼

621071874css3程序员眼中CSS3：尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow
DarkSpy13·2021-05-11 16:05

CSS规范与居中

对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格（例如，box-shadow）。十六进制值应该全部小写，例如，#fff。在扫描文档时，小写字符易于分辨，因为他们的形式更易于区分。
赫鲁晓夫的玉米棒子·2021-05-08 18:14

1012背景与颜色

###背景与颜色#前景色color会作为border、text、box-shadow的默认值。#css3：currentColor当前颜色。
lightyear_yty·2021-05-07 10:06

Border 的内阴影设置

box-shadow:0px0px15pxrgba(150,225,150,.65)inset,0px0px15pxrgba(150,225,150,.65);如果觉得文章对你有点用的话，麻烦拿出手机，
Gary嘉骏·2021-05-06 22:07

你所不知道的 CSS 阴影技巧与细节

关于CSS阴影，之前已经有写过一篇，[box-shadow与filter:drop-shadow详解及奇技淫巧]，介绍了一些关于box-shadow的用法。
前端小攻略·2021-05-06 21:10

HTML+css盒子模型案例（圆，半圆等）“border-radius” 简单上手

首先我们来看一下默认的情况----.box{width:100px;height:100px;background-color:rgb(116,51,51);box-shadow:010px10pxred
一号程序猿·2021-05-03 20:45

PhotoShop阴影效果转换成css中box-shadow

UI设计师根据需要设计出阴影效果，那么前端如何快速得到相应的参数呢。阴影效果.png混合模式：PhotoShop提供了多种混合模式，但是CSS3只支持正常模式(normal)。颜色：阴影颜色。对应于CSS3阴影中的color值。不透明度(Opacity)：阴影的不透明度。对应于CSS3阴影的颜色rgba()中的a。角度(Angle)：阴影的角度。距离(Distance)：阴影的距离。根据阴影的角度
回调的幸福时光·2021-05-03 08:08

实现抽屉侧边栏（主体不移动）

height:100%;}.left{position:absolute;width:260px;height:100%;left:-300px;background:skyblue;z-index:1000;box-shadow
Hi小胡·2021-05-03 08:31

H5软键盘兼容方法

请输入用户名请输入手机号请输入密码请重新输入密码IamFootercss:html,body{height:100%;}body{margin:0;text-align:center;}.header{padding:20px0;box-shadow
勾起一抹笑容·2021-05-02 23:44

微信浏览器中Input的兼容性处理

在iOS上输入框默认样式会有内阴影，无法通过box-shadow:none去除，可通过以下方式处理。
越前君·2021-05-02 01:33

css3新特性

边框属性：border-radius：添加圆角div{border:2pxsolid;border-radius:25px;-moz-border-radius:25px;/*OldFirefox*/}box-shadow
青春前行·2021-05-01 01:13

canvas交互

#kk{box-shadow:0010px0sandybrown;}varmyCanvas=document.getElementById("kk");varcontext=myCanvas.getContext
洛洛kkkkkk·2021-04-30 20:23

第四章 Css效果

，它是Css最出彩的一部分box-shadow盒子阴影box-shadow:x轴偏移|y轴偏移|阴影半径|扩展半径|rabgdemotext-shadowborder-radiusborder-radius
艾宾浩斯记忆法·2021-04-30 11:54

主要看不懂的

box-shadow:h-shadowv-shadowblurspreadcolorinset;注释：box-shadow向框添加一个或多个阴影。
炙冰·2021-04-28 09:56

使用box-shadow制作内下划线和阴影

蓝色横条.jpg这个效果用border-bottom做不出来，因为会超出padding-box,使用box-shadow属性来做很简单：//html//sass.boxwidth:50pxheight:
JamesSawyer·2021-04-28 00:41

vue 页面跳转样式错位

el-checkbox{float:left;}.el-row{width:90%;margin:autoauto;margin-bottom:20px;background-color:white;box-shadow
qqCeleste·2021-04-26 20:22

10. transform属性 box-shadow属性 text-shadow属性 animation属性

transform转换属性transform:translate(100px,100px)scale(1.5)rotate(45deg);translate(x,y)定义平移translateX(x)/translateY(y)/translateZ(z)定义在X/Y/Z轴上转换scale(x,y)定义缩放转换rotate(45deg)定义2D旋转,规定角度rotateX(angle)/rotat
前端雨·2021-04-26 14:16

css扩展/CSS3

border-radius一个用于设置所有四个边框-*-半径属性的速记属性box-shadow附加一个或多个下拉框的阴影CSS3圆角属性属性描述border-radius所有四个边角border---radius
joker731·2021-04-26 09:43

css实现3D效果的按钮

padding:5px10px;background:#ace;border-radius:4px;/*设置文字阴影*/text-shadow:0-1px0rgba(0,0,0,.3);/*设置盒子阴影*/box-shadow
overflow_hidden·2021-04-25 23:24

css3笔记总结

border-radius增加圆角div{border:2pxsolid;border-radius:25px;-moz-border-radius:25px;/*OldFirefox*/}2.box-shadow(参数：box-shadow
oliverhuang·2021-04-24 14:23

css3文本效果

text-shadowtext-shadow:5px10px6px#FF0000;/*指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色*/效果图：QQ图片20180415115255.png2.阴影效果：box-shadow
小本YuDL·2021-04-23 15:27

css视觉--自定义滚动条

overflow:auto;}.custom-scrollbar::-webkit-scrollbar{width:10px;}.custom-scrollbar::-webkit-scrollbar-track{box-shadow
怪兽别跑biubiubi·2021-04-23 06:48

canvas贪吃蛇效果 html+css+js

源码在最后）：1.定义canvas标签：2.基本css样式：#canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow
北极光之夜。·2021-04-22 18:04

2019-12-24

',],top:'60',right:'8%'},tooltip:{trigger:'axis',backgroundColor:'rgba(3,18,44,0.90)',extraCssText:'box-shadow
ShindouHiro·2021-04-21 11:13

纯CSS实现翘角纸片效果

网页上的效果通过检查元素后发现，这种效果其实也是通过box-shadow实现的，不过元素下面有专门用伪类实现的阴影层，然后通过rotate变换即可达到这种效果。阴影层和内容层的关系可以由下图表示。
呵呵益达哒·2021-04-20 18:50

JS实现苹果计算器

本文实例为大家分享了JS实现苹果计算器的具体代码，供大家参考，具体内容如下手机#phone{position:relative;width:380px;height:700px;box-shadow:1px1px10px
·2021-04-18 12:19

2018.10.25css3动画特效

transform变换6，animation动画过渡效果的设置transition:ease开始和结束慢速运动曲线linear匀速ease开始和结束慢设置圆角border-radius:50px;阴影box-shadow
爽爽ing·2021-04-18 09:53

【neumorphism】CSS实现新拟态设计风格 计算器

使用CSS模拟：GITHUB上的一个DEMO为了方便演示我将颜色以及大小调节了一下：image.png今天群里老哥推荐了一个直接生成CSS的网站，非常方便neumorphism核心代码：box-shadow
提莫小小队长·2021-04-14 21:52

JS实现右键菜单

功能1功能2功能3功能4功能5/*css代码*/#menu{width:0;/*设置为0隐藏自定义菜单*/height:125px;overflow:hidden;/*隐藏溢出的元素*/box-shadow
oopsist·2021-04-14 03:03

WEB前端学习day-6-盒子，浮动，学成在线案例

1.圆角边框border-radius:10px;如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为50%2.盒子阴影box-shadow:h-shadowv-shadowblurspreadcolorinset
#咸菜·2021-04-13 15:22

box-shadow 设置后看不到的问题

引子在修复问题的时候，发现一个元素设置了box-shadow属性，其它的元素也有公用，但这个元素的阴影看不见，试着把颜色值变的更明显，但还是看不到。问题示例，示例二维码。
·2021-04-12 10:19

CSS的box-shadow属性

二、重新认识box-shadow菜鸟教程这么记载的：语法box-shadow:h-shadowv-shadowblurspreadcolorinset;box-sh
·2021-04-07 00:15

CSS的box-shadow属性

二、重新认识box-shadow菜鸟教程这么记载的：语法box-shadow:h-shadowv-shadowblurspreadcolorinset;box-sh
·2021-04-06 23:56

CSS3:TEXT-SHADOW|BOX-SHADOW（炫彩字体）

2016年2月26日个人博客文章--迁移到segmentfault（1）text-shadow(文本阴影)在介绍css3:text-shadow文本阴影之前，我们先来看看用它都能实现什么效果：没错文本的阴影的效果很强大，接下来我们就一起开始学习吧.语法：text-shadow：none|length{2,3}color默认值：none取值：none:无阴影第1个长度值：阴影水平偏移值。可为负值第2
·2021-03-31 21:21

mobile footer nav

flex;/*让它一直处于底部左右占满*/position:fixed;left:0;right:0;bottom:0;background-color:#f6f6f6;/*让它上面有一条过渡的线*/box-shadow
小小程序员——Tracy·2021-03-29 13:46

samatic-ui(四)分类、标签、归档、关于我页面

elements/button.php思维认知66**效果图2.导航上加阴影的自定义样式/*-------------导航上加阴影的样式---------------------*/.m-shadow-small{box-shadow
weixin_48102099·2021-03-21 10:13

JavaScript实现前端网页版倒计时

Anhighlightedblock*{margin:0;padding:0;}.onsell{height:400px;width:200px;border:1pxsolid#F2F2F2;margin:10px;box-shadow
·2021-03-19 10:20

前端页面分页加载刷新

[注：来源：时间较久，忘记了框架：thinkPHP]1、css样式/*.shadow{box-shadow:10px10px5px#D8D8D8}*/#wrapper{position:absolute
码迷·2021-03-11 19:59

input 记住密码后，去除黄色背景

随手百度了一下，发现普遍的解决方案是：box-shadow:000px1000pxwhiteinset通过上面的代码可以看到，这种方法只能满足纯色背景的需求，遇到了图片背景就歇菜了。
谢秀岳·2021-03-11 01:56

css画气球

transform:rotate(20deg):元素旋转，20deg表示顺时针旋转20度box-shadow:向框添加阴影，box-shadow:h-shadowv-shadowblurspreadcolorinset
神奇海螺丶·2021-03-10 22:57

css之box-shadow

经同事提点：用box-shadow可以实现；先来看下box-shadow的语法box-shadow:h-shadowv-s
EJRoxy·2021-03-10 22:43

CSS阴影你只会box-shadow？试试drop-shadow

box-shadow基础各项值的解释offset-x：必需，取值正负都可。offset-x水平阴影的位置。offset-y：必需，取值正负都可。offset-y垂直阴影的位置。
microkof·2021-02-22 20:32

[css] 用css画一个太阳

[css]用css画一个太阳//css.sun{margin:200px;width:200px;height:200px;border-radius:50%;background:red;box-shadow
小歌谣（公众号同名）·2021-02-22 11:14
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他