box-shadow

CSS3 filter滤镜

drop-shadowsepiasaturatehue-rotategrayscaleinvertopacitybrightnesscontrastblurdrop-shadow能为元素增加投影效果和box-shadow
张歆琳·2020-07-10 17:20

jQuery实现随屏幕滑动顶部固定导航栏背景色透明度变化

HTML代码:导航栏的类navbar这个类需要在js中调用Toggle轮播图的IDcarousel这个id需要在js中调用CSS代码.navbar{box-shadow:none;background:
张芝山·2020-07-10 14:43

项目总结(css3中的阴影效果)

css3中的阴影效果：css3中的box-shadow请看box-shadow的属性（介绍是摘自w3c的内容）box-shadow:h-shadowv-shadowblurspreadcolorinset
时~枫·2020-07-10 12:21

锤子官网，3d特效？

html    css.card{background:#fff;display:inline-block;margin:4em;box-shadow:.5em01.25em#ccc;border-radius
王海虎·2020-07-10 12:13

css3——阴影（立体感，层次效果），渐变色按钮

box-shadow:0px0px12px#97eaf9;语法box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow必需。水平阴影的位置。
0?0·2020-07-10 10:23

css+html制作有趣的符号表情开关

display:block;width:120px;height:40px;margin:0auto;border-radius:10px;font-size:40px;line-height:32px;box-shadow
孙华鹏·2020-07-10 10:11

伪类的使用--鼠标悬浮效果

1：hover的使用1-1悬浮显示div中的内容css:代码.center{position:absolute;right:60px;width:306px;height:318px;box-shadow
weixin_34255055·2020-07-10 08:39

CSS3实现鼠标悬停多种效果

margin:0px;padding:0px;}#box{width:470px;height:370px;border:1pxsolidblue;margin:30pxauto;padding:5px;box-shadow
Mr.王征·2020-07-10 05:30

css3文本、盒模型阴影、倒影、自由缩放

css3新增盒模型阴影box-shadow:[inset]xyblur[spread]color参数inset：投影方式inset：内投影不给：外投影x、y：阴影偏移blur：模糊半径spread：扩展阴影半径先扩展原有形状
河湾欢儿·2020-07-10 05:53

CSS 使图片看起来有立体感样式

css立体感测试#demo{display:inline-block;position:relative;margin:50px;padding:20px;background:#fafafa;box-shadow
努力的去实现梦想·2020-07-10 05:19

html5卡片效果

卡片效果.card{width:200px;box-shadow:04px8px0rgba(0,0,0,0.2),06px20px0rgba(0,0,0,0.19);text-align:center;
Amare丶·2020-07-10 04:20

弹窗拖拽

弹出层显示X.win{width:500px;height:600px;background:#000000;border-radius:8px;box-shadow:0px0px5px10px;opacity
N-P-E·2020-07-10 04:04

自己练习的css动画（单标签）

css.chopsticks{position:absolute;width:10px;height:250px;background-color:#bb8855;left:50%;border-radius:3px;box-shadow
littleyu·2020-07-10 03:31

Input标签实现回车换行

事件绑定的方法和选择器的应用效果如下：head部分.wrap{padding:20px;width:450px;height:400px;margin:100pxauto;border:1pxsolid#eee;box-shadow
苏醒!·2020-07-10 00:10

css3照片特效阴影（曲线投影和翘边投影）

主要语法1、实现阴影box-shadow:h-shadowv-shadowblurspreadcolorinset参数：h-shadow(必需)：水平阴影的位置。允许负值。
花花最美腻·2020-07-09 23:25

CSS3-阴影效果

box-shadow:水平偏移垂直偏移模糊度阴影扩展阴影颜色内外阴影；注意：1、默认情况下是外阴影。2、阴影扩展是指在原有阴影上继续添加阴影。3、当box-shadow：水平偏移垂直偏移模糊度；时。
只字不留·2020-07-09 21:35

CSS3.0的特效教程

2、border-top-left-radius设置圆角各个角的半径值（不支持IE）3、box-shadow实现阴影
web·2020-07-09 20:18

CSS 实现 光圈效果

主要利用css3animation，在0~100%过渡中让box-shadow渐变（box-shadow只需要设置blur和spread）HTML:CSS:.wrapper{width:200px;height
evelynlab·2020-07-09 15:02

css3学习05——边框、背景、渐变颜色、文本效果、2D转换、3D转换

css3学习05——边框、背景、渐变颜色、文本效果、2D转换、3D转换1、边框border-radius:30px;/*圆角半径*/box-shadow:50px50px10px#888888;/*边框阴影
菜鸟Jon·2020-07-09 14:59

css的卡片式图片

、不同类型间的家电的数据互联互通和数据协同css：.cardimg{width:100%;}.card{height:270px;width:260px;background-color:white;box-shadow
Zeng__Y1·2020-07-09 12:38

使用box-shadow做出卡片效果

文字卡片效果（图片卡片效果在div.container上面用直接引入图片即可）使用box-shadow做出卡片效果div.card{width:250px;box-shadow:04px8px0rgba
喵喵酱呀·2020-07-09 11:57

CSS2.1: 有意思的box-shadow非典型性应用场景

所以写下来咯~box-shadow这个东东，看起来好像很简单，就是阴影嘛！但是到底怎么用？是个神马规律？来来来，跟本猿一起学习一下。
mary_s·2020-07-09 11:08

html卡片布局样式

效果图如下代码如下卡片效果.cardBox{width:200px;box-shadow:04px8px0rgba(0,0,0,0.2),06px20px0rgba(0,0,0,0.19);text-align
古柏树下·2020-07-09 08:04

表单总结

css-去除input默认样式1.问题：在写jquery-todulist时，input在focus下会默认有黄色背景（其实是浅黄色的box-shadow）。
jeft_hai·2020-07-09 08:54

CSS3 精华一页纸

CSS3对应CSS新增特性盒子模型盒子模型的边框1、可以有圆角border-radis2、可以有图片border-image/当然还有图片填充效果盒子模型的阴影1、box-shadow任何元素都可以使用阴影通过阴影
airpor·2020-07-09 07:47

阅读CSS Secrets（一）

padding:6px16px;border:1pxsolid#446d88;background:#58alinear-gradient(#77a0bb,#58a);border-radius:4px;box-shadow
_陈慧敏·2020-07-09 06:26

五子棋2 canvas绘制棋盘 -HTML JS

代码展示：手机-五子棋canvas{display:block;background-color:burlywood;box-shadow:-2px-2px2px#EFEFEF,5px5px5px#B9B9B9
樱梦雪苹宝·2020-07-09 03:47

html5 css js前端开发五子棋UI篇--基于慕课网五子棋视频教程的随笔

首先，页面结构，左边是canvas显示界面，右边是一些控制按钮，选择棋子，开始，暂停，重来黑棋白棋css部分，用到css3部分功能，盒子阴影box-shadow，看起来立体一些
miao淼·2020-07-09 00:28

小程序九宫格抽奖

container-out{height:600rpx;width:650rpx;background-color:#b136b9;margin:100rpxauto;border-radius:40rpx;box-shadow
保持微笑ヽ继续我旳骄傲·2020-07-08 23:51

Echarts柱状图多个柱子的阴影配置

backgroundColor:'#235EAE',//背景borderWidth:1,borderColor:'#6C99FF',padding:[5,5,5,5],//内边距extraCssText:'box-shadow
张晓宁·2020-07-08 21:28

微信小程序开发之大转盘 抽奖

index.wxss.container-out{height:600rpx;width:650rpx;background-color:#b136b9;margin:100rpxauto;border-radius:40rpx;box-shadow
IF YOU～·2020-07-08 21:24

js实现五子棋

Documenttable{width:700px;height:700px;background:aliceblue;box-shadow:cadetblue;margin:6%auto;border-collapse
巴迪·2020-07-08 19:20

VSCode Mac版磨砂主题配置

important;}.scroll-decoration{box-shadow:none!important;}.minimap{opacity:0.6;}.editor-container{
weixin_34381666·2020-07-08 18:39

09day-css动画效果

过渡效果的设置transition:ease开始和结束慢速运动曲线linear匀速ease开始和结束慢设置圆角border-radius:50px;阴影box-shadow:10px(水平)10px(垂直
crx彭彭·2020-07-08 13:43

前端cookie记录搜索框的历史，在搜索框下面展示最近五条（多个页面的搜索框历史同步）

gz_search_tab{width:900px;height:60px;line-height:60px;background:#FFF;border-radius:0px5px5px0;margin:0pxauto;box-shadow
天意young·2020-07-08 12:34

js五子棋的实现

html五子棋csscanvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#EFEFEF,5px5px5px#B9B9B9;}jsvarme
swrd2014·2020-07-08 11:14

html+css实现图片流动

background:#ffb66c;}div{width:960px;height:270px;border:10pxsolid#e93d68;margin:120pxauto;border-radius:32px;box-shadow
JAVA王琪·2020-07-08 10:53

移动端1像素解决方案

1像素问题:.scale-1px-top{/*border-bottom:1pxsolidrgb(229,229,229);*//*box-shadow:inset0px-1px1px-1px#c8c7cc
theShy__·2020-07-08 07:18

**单个DIV标签加纯CSS实现动态天气效果!**

重点为clip-path、animation、transform、box-shadow先看一下最终效果图：既然是单个标签，html就很简单了：涉及到的关键CSS3属性：1.transform：用于移位、
The wind is blowing·2020-07-08 02:24

微信小程序开发之大转盘 抽奖

index.wxss.container-out{height:600rpx;width:650rpx;background-color:#b136b9;margin:100rpxauto;border-radius:40rpx;box-shadow
晴天有点孤单·2020-07-08 00:44

贝塞尔曲线绘制复选框

贝塞尔曲线绘制复选框body{background-color:#eee;}#canvas{background-color:#fff;margin-left:10px;margin-top:10px;box-shadow
antlove·2020-07-08 00:25

HTML+js实现简单的五子棋

五子棋#chess{margin:auto;display:block;box-shadow:5px5px5px#808080,-2px-2px2px#D5D5D5;cursor:pointer;}益智五子棋
千年-today·2020-07-07 23:53

小程序wxss颜色兼容

color:#8A96A0ff;#替换成color:#8A96A0;box-shadow：0px2px4px#0000001A,0px0px2px#0000001A;#替换成box-shadow:0px2px4pxrgba
骚年008·2020-07-07 22:34

简单 --> js+canvas 时钟

clock#canvas{width:500px;height:600px;box-shadow:3px3px15px3pxrgba(100,100,100,0.6);position:absolute
qq_33573163·2020-07-07 21:58

js实现图片轮播

a{text-decoration:none;}.container{position:relative;width:600px;height:400px;margin:100pxauto0auto;box-shadow
韩能能·2020-07-07 21:58

Canvas绘制五子棋棋盘

canvas（将width与height写入html中，放入css文件中显示的样式不一致）二、css文件设置canvs样式.chessboard{display:block;margin:50pxauto;box-shadow
muyupiaopiao·2020-07-07 17:05

CSS揭秘：4.边框内圆角

边框内圆角背景知识：box-shadow，outline，“多重边框”一、两个div嵌套两个div实现内圆角很容易，只需要内圆角外直角即可。
Eighteen Z·2020-07-07 15:24

button disabled属性样式问题

disabledbutton:disabled{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow
linanran1027·2020-07-07 13:21

五子棋

五子棋的html:五子棋相关CSS:canvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#EFEFEF,5px5px5px#B9B9B9
蓝草毁灭·2020-07-07 12:54

常用css3相关api总结

二、box-shadow是向盒子添加阴影。支持添加一个或者多个。box-shadow:x轴偏移量y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式
贵在坚持shion_hxc·2020-07-07 09:24
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他