box-shadow

Vue待办事项（组件，模块化）

页面代码*{padding:0;margin:0;}ul,ol{list-style:none;}.header{width:400px;margin:0pxauto;margin-top:50px;box-shadow
- 瑾♛年·2024-01-18 06:55

css实现动态水波纹效果

TheCircle)：使用相对定位(position:relative)，宽度和高度均为180px，形成一个圆形按钮圆角半径(border-radius)设置为50%，使其呈现圆形边框(border)和阴影(box-shadow
Miraitowa_chole·2024-01-18 01:02

第三次修改了自学html做了自己要的账号密码记录器：新增窗口可以拖动，禁止除了账号的文本选中，美化了样式

44,220,0,0.5);background-image:linear-gradient(totopleft,rgba(0,0,0,0.2),rgba(0,0,0,0.2)30%,rgba(0,0,0,0));box-shadow
与妖为邻·2024-01-17 11:18

day11 动态搜索框+相关知识总结

动态搜索框+相关知识总结涉及的HTML5标签属性placeholder涉及的CSS3属性box-sizingz-index：补充总结`position`和`cursor`属性简介在这里：`box-shadow
亦昭昭·2024-01-17 06:20

网页设计（八）HTML5基础与CSS3应用

padding:0px;margin:0px;}#div1{background:#FFFFFF;margin:50pxauto;width:1001px;border:1pxdashed#FAFAFA;box-shadow
.正函数.·2024-01-17 06:10

Vue待办事项（选项卡）

*{padding:0;margin:0;}ul,ol{list-style:none;}.header{width:400px;margin:0pxauto;margin-top:50px;box-shadow
- 瑾♛年·2024-01-17 03:24

input输入框自动填充样式丢失 - 解决方法

坑一：当自动填充数据后，输入框所展示的效果特别丑，会有自带的填充样式image.png解决方法：可以修改:-webkit-autofill中box-shadow的属性去改变输入框自动填充的颜色input
coderfl·2024-01-16 12:19

小猿圈前端编写JS五子棋游戏

JS五子棋游戏代码：五子棋canvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#EFEFEF,5px5px5px#B9B9B9;cursor
小猿圈IT教育·2024-01-16 04:08

css动态水滴效果

css动态水滴效果效果演示：1.使用到的属性：box-shadow如何达到立体的效果？
IT民工小新·2024-01-15 08:30

Modeless dialog in html

position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;box-shadow
Computer_Tech·2024-01-15 06:27

echarts 自定义tooltip结构以及样式

document.getElementById('Fan'));varoption2={tooltip:{trigger:'axis',extraCssText:'border-color:#C7D1E0;overflow:hidden;box-shadow
吃土少女001·2024-01-15 03:04

如何用css绘制车辆牌照背景

:white.5pxsolid;//白色外边框text-align:center;//字体居中padding:2px9px;//内边距display:inline-block;//视用在什么元素上而定box-shadow
有只猫叫花泽类·2024-01-13 13:05

学习使用css样式设置div的阴影边框效果(适应各主流浏览器)

学习使用css样式设置div的阴影边框效果要实现div的阴影边框效果，可以使用CSS3的box-shadow属性。
徊忆羽菲·2024-01-13 04:38

CSS实现鼠标悬停图片向上浮动，放大，翻转

width:400px;height:400px;margin-top:100px;margin-left:300px;transition:all0.4s;//设置上浮过渡时间}.box:hover{box-shadow
铃儿响叮当不响·2024-01-12 14:45

使用css动画animation及@keyframes实现图片持续放大缩小动画展示

样式.img{width:60px;height:60px;padding:10px;box-sizing:border-box;background:#fff;border-radius:50px;box-shadow
xiaoming_0208·2024-01-12 12:42

css设置内嵌样式阴影

.box{box-shadow:inset0010px#f1e227,inset0010px#b6b70f,inset0010px#879017,inset0010px#485b22,inset0010px
风与烈酒·2024-01-12 12:43

CSS3圆角、阴影、rgba

border-top-left-radius:30px60px;同时分别设置四个角：border-radius:30px60px120px150px;设置四个圆角相同：border-radius:50%;CSS3阴影box-shadow
暴走的金坤酸奶味·2024-01-12 00:41

基于uniapp封装的card容器 带左右侧两侧标题内容区域

props:{title:{type:String,default:''},num:{type:Number,default:1}},}.card{border-radius:8px;margin:16px;box-shadow
LXXgalaxy·2024-01-11 13:39

纯css实现双箭头

直接复制代码实现1.样式2.代码如下我的第一个HTML页面.brand_total{box-shadow:0px0px1px2px#F0F0F0;margin:0auto;background-color
梦昼初心·2024-01-11 07:39

CSS3新增边框样式

常见的边框样式属性有以下属性说明border-radius圆角效果box-shadow边框阴影border-image边框背景border-radius属性概念：border-radius属性可以为元素添加圆角效果语法
小明的Fire计划·2024-01-10 15:49

css 双层伪元素,CSS 伪元素:before&:after 与z-index 的那点事

代码如下.box{width:100px;height:100px;position:relative;z-index:2;box-shadow:03px5px#eee;background-color
weixin_39786141·2024-01-10 06:11

用gpt写的登录页面

padding:0;}.container{max-width:400px;margin:0auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow
qq_42431718·2024-01-09 16:29

css——box-shadow阴影效果

/*box-shadow：内外阴影(inset:内阴影,水平阴影,垂直阴影,阴影模糊距离,阴影大小,阴影颜色)*/box-shadow:0050px#ccc;引用来源：box-shadow详解_box-shadow
00秃头小宝贝·2024-01-09 09:04

css边框设置阴影样式

css边框设置阴影样式box-shadow上下左右四个边框设置阴影样式语法值/说明四个不同样式实现效果语法box-shadow:h-shadowv-shadowblurspreadcolorinset;
宸子涵·2024-01-09 02:22

让div盒子（form表单）水平垂直居中显示

让div盒子（form表单）水平垂直居中显示CSS没怎么学好，就这个搞得我头皮发麻，不过还好的是把他啃下来了…废话不多说直接上代码.login-form{//让登录框水平居中box-shadow:02px12px0rgba
聪明不喝牛奶·2024-01-08 10:12

html拖拽+模拟弹出层

Dragtheplayback拖动此处回放轨迹css样式部分*{margin:0;padding:0;}#box{width:400px;height:400px;background:rgb(127,178,212);box-shadow
@tg6666666666666·2024-01-08 02:40

CSS3 边框border、outline、box-shadow

1border语法：border:widthstylecolor2outline语法：outline:widthstylecolor2.1outline-offetMDN解释：用于设置outline与一个元素边缘或边框之间的间隙即：设置outline相对border外边缘的偏移，可以为负值.box{width:200px;height:200px;margin:20px;color:white;b
无心使然云中漫步·2024-01-07 06:03

css边框设置阴影样式

在css中，给div的边框设置阴影效果主要使用box-shadow属性，但需要注意不同的浏览器需要作不同的处理来提高样式的兼容性。下面介绍如何用CSS实现DIV块的阴影效果。
雷霆半月斩掉你的板砖·2024-01-06 11:13

边框阴影

*//*box-shadow:水平位移垂直位移模糊程度阴影大小阴影颜色外/内阴影(inset)外阴影不用写*/b
琪33·2024-01-06 07:39

CSS- box-shadow

box-shadow属性一、语法box-shadow:h-shadowv-shadowblurspreadcolorinset;值说明h-shadow必需的。水平阴影的位置。
kelly0721·2024-01-06 07:53

css 气泡框

background-color:#FF6634;border:1rpxsolid#ccc;border-radius:10rpx;padding:10rpx;font-size:22rpx;color:#fff;box-shadow
曲小强·2024-01-04 23:00

微信小程序开发小项目:进制转换器

文件进制转换器二进制：八进制：十进制：十六进制：xcss文件.container{margin:20px;padding:20px;border:1pxsolid#ccc;border-radius:5px;box-shadow
程序员彭彭·2024-01-04 20:58

css中常见渐变样式的设置

border设置渐变色border-right:1pxsolid;border-image:linear-gradient(white,red,white)1101;css设置阴影（div投影颜色）box-shadow
初见_JS·2024-01-03 23:58

详解 box-shadow

这就涉及到我们今天要说的内容CSS3中的box-shadow。探究box-shadow在说b
满天过海_春·2024-01-03 12:57

js 简单日历

简单日历*{margin:0;padding:0;list-style:none;}.calendar{border-radius:10px;width:400px;margin:100pxauto0;box-shadow
傲慢的上校130·2024-01-01 17:58

Vue中目录以及文件内容简单分析

你好啊//写js代码或者ts代码exportdefault{name:'App'//组件的名字}/*写样式*/.app{background-color:#ddd;box-shadow:0010px;border-radius
夏天的冬雪·2024-01-01 14:34

CSS3无前缀脚本prefixfree.js与Animatable使用介绍

像box-shadow
weixin_30652897·2023-12-31 14:39

CSS3无前缀脚本prefixfree.js与Animatable使用

像box-shadow,border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是，有些CSS3属性，例如渐变，前缀少不了，每次都需要像盖高楼一样堆叠CSS3代码，如下图
weixin_34319111·2023-12-31 14:39

prefixfree.js_无前缀脚本

例如什么属性呢，之前介绍过的box-shadow就是其中一个。还有很多哦。有空整理一下。反正就是省很多功
巷中人·2023-12-31 14:38

Chrome下input自动填充时去掉黄色背景色的解决方案

用的是box-shadow来处理，具体写法为：input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}
丶灰太狼他叔·2023-12-31 02:42

如何html阴影效果图,css3常见好看的投影效果_css3阴影box-shadow高大上用法

这篇文章主要整理box-shadow的一些好看常用的投影效果。
希夷文化苑·2023-12-30 19:32

CSS3 box-shadow属性设置阴影效果用法大全

利用该属性我们几乎可以实现我们想要的任何阴影效果，而box-shadow属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和box-shadow属性各种阴影效果。
素彦·2023-12-30 19:31

css 用多个阴影做出光斑投影的效果 box-shadow

css用多个阴影做出光斑投影的效果box-shadow你首先需要知道的一点是box-shadow可以接收多个值，也就是可以设置多个阴影，这样就可以做一个类似光斑投影的效果。
十月ooOO·2023-12-30 19:25

【CSS3】第5章 盒子模型

掌握box-shadow属性的用法，能够为盒子添加阴影。熟悉box-sizing属性的用法，能够控制盒子宽度和高度范围。掌握背景属性的用法，
笔触狂放·2023-12-30 08:34

CSS3单边阴影box-shadow的设置

box-shadow设置阴影效果box-shadow:h-shadow,v-shadow,blur,spread,color,inset;h-shadow：必需的。水平阴影的位置。
在小白的路上越走越远·2023-12-30 07:46

滚动条样式

10px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.info-box::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:10px;box-shadow
LemonTree7·2023-12-30 03:41

【HTML】使用canvas添加水印

body{margin:0;background:#f4f5f7;}.content{margin:10px;padding:10px;background:#fff;border-radius:10px;box-shadow
我血条子呢·2023-12-29 14:31

CSS去掉按钮阴影 | css去掉按钮边框 | 注意改变搜索的关键词、搜索方式

上图是在谷歌浏览器中运行的结果button{box-shadow:none;height:50px;width:100px;background-color:white;border-color:white
一个笔记本·2023-12-29 12:04

Html阴影box-shadow多个兼容方式,box-shadow透明度如何设置？

Html阴影box-shadow多个兼容方式,box-shadow透明度如何设置？
Jon Daijn·2023-12-29 11:25

HTML 网页设计 简约风格 注册界面

注册用户名邮箱密码确认密码注册css.register-box{width:380px;padding:20px;background-color:#f5f5f5;border-radius:5px;box-shadow
暗托涅瓦·2023-12-28 20:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他