box-shadow

盒子阴影（鼠标悬浮显示阴影）css3

效果代码Documentdiv{margin:100pxauto;width:200px;height:200px;border:10pxsolidred;/*box-shadow:水平位置垂直位置模糊距离阴影尺寸
lzh~·2021-02-21 18:29

javascript实现下拉菜单效果

或者侧拉菜单在实际开发当中非常的实用代码：Title*{padding:0;margin:0;border:0;}.menu{width:100%;height:50px;border:1pxsolidlightyellow;box-shadow
·2021-02-09 13:20

鼠标点击波纹特效 html+css+js

卡片和文字的基本样式：.card{width:200px;height:300px;box-shadow:1px1px5px#555;cursor:pointer;background-color:rgb
北极光之夜。·2021-02-04 15:36

CSS3干货26：标签切角效果实现

1.方法一HTML这个是内容CSS*{margin:0;padding:0;}.box{/*关键：利用内部投影模拟边框*/box-shadow
stones4zd·2021-02-01 22:55

简约时钟特效 html+css+js

给钟添加基本样式，宽高等等：.clock{width:400px;height:400px;background-image:url(clock.png);background-size:100%100%;box-shadow
北极光之夜。·2021-01-30 17:03

用Javascript实现下拉菜单

或者侧拉菜单在实际开发当中非常的实用最近学到了这里那就上传博客分享一下Title*{padding:0;margin:0;border:0;}.menu{width:100%;height:50px;border:1pxsolidlightyellow;box-shadow
爱前端的茂茂·2021-01-28 20:50

CSS/HTML制作电影网站中的电影卡片

底部评分栏宽高固定，总体高度可根据文量和图片的大小自动调整效果图（通过不同文字和图片呈现效果）：源码：电影卡片/*主体*/.auter{color:#B2B0B0;width:240px;margin:50px;box-shadow
Etui۹(･༥･´)و ̑̑·2021-01-27 11:56

ant design input 框去除点击蓝色颜色边框

.ant-input-affix-wrapper{border:none;background:#f6f6f6;outline:none;width:95%;box-shadow:none;}
爱吃排骨·2021-01-25 19:10

Vue路由：嵌套路由

html页面body{background-color:#eee;}#app{background-color:#fff;width:500px;margin:50pxauto;box-shadow:3px3px3pxrgba
北秋go·2021-01-19 22:25

Vue插槽：具名插槽

}#app{width:400px;margin:20pxauto;background-color:#fff;border:4pxsolidblueviolet;border-radius:1em;box-shadow
北秋go·2021-01-19 22:46

边框内圆角

背景知识box-shadow，outline，“多重边框”有时我们需要一个容器，只在内侧有圆角，而边框或描边的四个角在外部仍然保持直角的形状，如图2-15所示。这是一个有趣的效果，目前还没有被滥用。
妙趣前端·2021-01-19 00:52

bootstrap4导航栏自定义

}//设置导航栏背景色及添加阴影.navbar-setting{background-color:#40D2D1;/*height:70px;*/如果将这个效果放在navbar上，toggle会出问题box-shadow
蓬莱斯的石鱼·2021-01-18 19:38

看不完的那种！前端170面试题+答案学习整理（良心制作）

(感谢一键三连)1.css3有哪些新特性圆角border-radius，阴影box-shadow，对文字加特效t
程序员哆啦A梦·2021-01-15 02:18

看不完的那种！前端170面试题+答案学习整理（良心制作）

(感谢一键三连)1.css3有哪些新特性圆角border-radius，阴影box-shadow，对文字加特效t
程序员哆啦A梦·2021-01-15 01:36

flex 布局横向滚动条

200px;overflow:auto;div{background:yellow;width:230px;height:278px;border-radius:5px;margin-right:24px;box-shadow
奶瓶SAMA·2021-01-08 14:28

CSS 常用知识点

1.5}div{font:24px}优先级如果选择器相同继承性不同选择器继承（*）圆形border-radius:50%;//矩形->椭圆矩形border-radisu:height/2px阴影效果//box-shadow
懒无趣·2021-01-04 19:36

前端滑块验证码

整体登陆盒子div,style.article{width:300px;height:400px;border:3pxsolid#ddd;margin-left:auto;margin-right:auto;box-shadow
sfkdhht·2021-01-01 14:23

CSS3过度鼠标经过实现炫酷图片效果

box{overflow:hidden;position:relative;width:450px;height:320px;border:1pxsolid#000;margin:100pxauto;box-shadow
前端王同学·2021-01-01 14:52

CSS3 3d快乐星球

我们画一个大圆，通过boder-radius：50%画圆，2.大圆采用相对定位，小圆采用绝对定位3.在小园内再加几个不同边框颜色的小圆5.在复制几个小圆通过绝对定位平均分配到大圆的个个位置上实现以下的效果6.用box-shadow
一个21岁的老同志·2020-12-29 19:05

grid1 vb 行背景颜色_CSS3 box-shadow实现背景动画

点击右上方红色按钮关注“web秀”，让你真正秀起来前言语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;box-shadow，向框添加一个或多个阴影。
曙Ouba·2020-12-29 08:28

day17 阴影 背景图 响应式布局

1.盒子阴影box-shadow:水平偏移垂直偏移阴影模糊大小阴影大小阴影颜色阴影位置(inset:里面);水平及垂直向右和向下为正数,反之为负数2.文本阴影text-shadow:水平偏移垂直偏移阴影模糊大小阴影颜色值的特点和盒子阴影一样
shasha·2020-12-22 23:25

day17 阴影 背景图 响应式布局

1.盒子阴影box-shadow:水平偏移垂直偏移阴影模糊大小阴影大小阴影颜色阴影位置(inset:里面);水平及垂直向右和向下为正数,反之为负数2.文本阴影text-shadow:水平偏移垂直偏移阴影模糊大小阴影颜色值的特点和盒子阴影一样
shasha·2020-12-22 23:04

html+css实现不规则边框

html结构css结构整体效果完整代码html结构css结构.test{width:300px;height:300px;background-color:springgreen;margin:0auto;box-shadow
喵喵虫·2020-12-17 22:36

记 weex 坑爹过程

样式问题box-shadow仅支持ios只支持px写法在weex中，flexbox是唯一的布局模式，不支持内联布局display:inline/floatweex不支持z-index设置元素层级关系，但靠后的元素层级更高
Best_Yu·2020-12-16 18:55

js实现详情页放大镜效果

实现详情页放大镜的具体代码，供大家参考，具体内容如下1.html2.css*{margin:0;padding:0;}#small{width:400px;height:400px;position:relative;box-shadow
·2020-12-03 16:34

前端基础知识复习（css）

css3新特性一项目中常用的新特性样式名说明border-raduis10pxborder-image边框图像box-shadow水平阴影(必)垂直阴影(必)模糊距离(可)阴影大小(可)阴影颜色(可)内侧阴影
南橘北枳_6508·2020-12-03 10:17

HTML+CSS实现鼠标经过商品盒子阴影浮动效果

css样式：1、盒子阴影box-shadow:h-shadowv-shadowblurspreadcolorinset;属性2、文字阴影text-shadow:h-shadowv-shadowblurcolor
data belle·2020-11-30 10:38

css3心得（1）：灵活使用border-radius属性画一个彩色小球

用css3中border-radius画出一个彩色小球效果图：box-shadow:XoffsetYoffsetblurspreadcolorx方向偏移量y方向偏移量高斯模糊大小伸展大小颜色body{margin
venene_·2020-11-27 17:05

css盒子阴影实现图片上浮阴影效果

/*===========================================运用知识：box-shadow盒子阴影构建思路：鼠标放在图片上有一个上移的过度效果，然后加上阴影效果======
sam80000·2020-11-27 16:54

box-shadow隋糖记

以下是网图：通过上面三张图其实就可以很好的写出你想要的阴影效果了具体的实现效果自己摸索一下，糖好吃，就多吃些……当然你也可以通过伪元素after与before来组合实现更符合业务场景的阴影效果……
木A木·2020-11-16 11:45

使用 CSS 实现盒子水平垂直居中的方法

Centercenter.css：body{background-color:#6ed0ff;}.father{background-color:#be33ec;border-radius:20px;box-shadow
火星飞鸟·2020-11-09 22:27

CSS盒子模型以及背景图

===========本文共1500字================CSS盒子模型---边框内容区域边框box-shadow:none;边框宽度border-width边框样式border-style
天边小狮·2020-10-24 10:27

0.5px的边框线遇到的坑

奇怪的需求，要0.5px的边框线，有一个巨简单的方法第一种：使用box-shadow的方法如图box-shadow:0000.5pxblack;一句话搞定兼容问题这种方式在chrome可以，但是firefox
小手冰凉007·2020-10-14 12:49

鼠标 hover时盒子阴影效果，凸起效果_ box-shadow的应用

300px;margin-top:30px;}.test-shadow:hover{margin-top:0px;/*和hover的margin-top有对比，原无30,现在0，相当于上移了,30px*/box-shadow
ddx2019·2020-09-17 15:57

CSS 代码 - 第60集 - 边框阴影

HTML代码CSS代码#box1{width:600px;height:200px;background-color:lightgrey;box-shadow:inset0015pxblack;}
海遥Skeate·2020-09-17 15:20

css3----盒子阴影巧妙运用

盒子阴影的几种用法1.可以做边框.box{margin:100pxauto;width:200px;height:300px;background-color:#ccc;box-shadow:0004pxred
weixin_44247693·2020-09-17 09:57

用CSS3实现带有阴影效果和颜色渐变的按钮

这里讲下如何利用css3里的两个新属性box-shadow和transition来实现如下所示的带有阴影和颜色渐变效果的按钮(下面这个只是图片；本想直接在这个页面下嵌html的,,试了后发现有些css样式貌似不给用就只能放图片了
weixin_30651273·2020-09-17 09:25

纯CSS3实现鼠标移动动画（阴影）

纯CSS3实现鼠标移动动画（阴影）#box{width:200px;height:200px;margin:100px;background-color:#0ff;position:relative;box-shadow
Mr.王征·2020-09-17 09:10

CSS3新增属性用法整理CSS3新增属性用法整理

CSS3新增属性用法整理CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow
luckydogjack·2020-09-17 08:52

css3做一个带阴影的button按钮

（一）效果对比鼠标划上前与后：.but{border:0pxgrooveorange;box-shadow:5px6px10px#000;margin-left:160px;border-radius:
leipeng46·2020-09-17 08:33

阴影效果CSS收藏+按钮鼠标移上缓慢变色代码

box-shadow:06px8pxrgba(0,0,0,.2);.auth-forminput[type=submit]{background:#0295ff;border:1pxsolid#0295ff
若水印象·2020-09-17 08:14

canvas-粗糙俄罗斯方块

：canvas教程button{border:4pxgray;padding:10px10px;background:#15288fa1;width:100px;border-radius:10px;box-shadow
WhereIsMyChair·2020-09-17 07:26

使用Grid网格布局的几种页面布局

ex-container{/*允许改变元素的宽高*/resize:both;position:relative;overflow:hidden;width:300px;height:300px;z-index:2;box-shadow
糖叁·2020-09-17 05:57

PhotoShop的阴影参数转化为css box-shadow参数

原文链接：https://www.jianshu.com/p/f0b7dc56ab4aUI设计师根据需要设计出阴影效果，那么前端如何快速得到相应的参数呢。阴影效果.png混合模式：PhotoShop提供了多种混合模式，但是CSS3只支持正常模式(normal)。颜色：阴影颜色。对应于CSS3阴影中的color值。不透明度(Opacity)：阴影的不透明度。对应于CSS3阴影的颜色rgba()中的a
kjlong123·2020-09-17 02:07

HTML+CSS01 CSS技巧

文章目录透明边框多重边框`box-shadow``outline`+`outline-offset`边框内圆角背景定位`background-position``background-origin`条纹进度条不规则卡片圆和椭圆四边形切角效果使用一个
多拉斯基·2020-09-17 01:38

html+css 在图片上添加文字

/page/index.wxss*/.container{display:flex;flex-direction:column;align-items:center;margin-top:30rpx;box-shadow
weixin_30602505·2020-09-17 00:10

模仿微信右上角加号菜单

.menu{position:absolute;top:46px;right:10px;z-index:100;width:160px;background:#373A41;box-shadow:02px10px2pxrgba
weixin_34409703·2020-09-16 14:30

css创建鼠标悬停下拉菜单样式

dropdown-content{display:none;//隐藏下拉菜单的内容position:absolute;background-color:#f9f9f9;min-width:160px;最小宽度box-shadow
iteye_17819·2020-09-16 11:24

js面向对象之躁动的小球（）

width:1000px;height:500px;margin:40pxauto;background:#000;cursor:pointer;border-radius:15px;opacity:0.9;box-shadow
indd·2020-09-16 05:21

美化 checkbox

用另一个美化的元素覆盖原生的checkbox直接看代码吧.chk_1{display:none;}.chk_1+label{background-color:#FFF;border:1pxsolid#C1CACA;box-shadow
二到家的小熊·2020-09-16 04:04
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他