box-shadow 第24页

一些html5和css3的一些常见面试题

CSS3实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）3.transform:rotate

俊秀ye·2020-06-30 21:26

【图片】纯CSS3制作背景图

演示地址：点我CSS3制作背景图.patterns{width:200px;height:200px;float:left;margin:10px;box-shadow:01px8px#666;}.pt1

邹大叔·2020-06-30 19:00

element-ui tree右键菜单

display:block;z-index:20000;background-color:#fff;padding:5px0;border:1pxsolid#ebeef5;border-radius:4px;box-shadow

咕噜咕噜的车轮向前·2020-06-30 16:56

纯css实现各种箭头图片效果

来实现几个常见的箭头效果下面的css都是使用在span标签上的1.普通箭头向上箭头图片效果：代码：.normal_top_arrow{display:inline-block;width:80px;height:110px;box-shadow

前端小黑·2020-06-30 12:47

探索 CSS3 中的 box-shadow 属性

“box-shadow”属性box-shadow属性是一个CSS3属性，允许我们在几乎任何元素上来创建阴影效果，类似于在设计软件中的”dropshadow”。

yeana1·2020-06-30 07:43

JS ContextMenu的简单实现

contextmenu{width:180px;height:240px;background-color:#f2f2f2;position:absolute;border:1pxsolid#BFBFBF;box-shadow

FConfidence·2020-06-30 06:19

css编写移动端switch开关

:30px; overflow:hidden;vertical-align:middle;position:relative;display:inline-block;background:#ccc;box-shadow

y389278443z·2020-06-30 05:20

CSS实现：一个矩形内容，有投影，有圆角，hover状态慢慢变透明

一个矩形内容，有投影，有圆角，hover状态慢慢变透明body{margin:0;padding:0;}.m-test{width:200px;height:100px;border-radius:10px;box-shadow

徐同保·2020-06-30 04:28

css3中的box-shadow(阴影)使用说明和兼容性问题

CSS3box-shadow属性讲解：1box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow:阴影水平偏移的距离，大于0表示向右偏移，小于0表示向左偏移，等于0等于没有水平偏移。该参数为必需参数。v-shadow:阴影垂直偏移的距离，大于0表示向下偏移，小于0表示向上偏移，等于0表示没有垂直偏移。该参数为必需参数。blur:阴影的模糊距离

小丫007·2020-06-30 01:16

CSS3有哪些新特性？

1.CSS3实现圆角（border-radius），阴影（box-shadow），边框图片border-image2.对文字加特效（text-shadow、），强制文本换行（word-wrap），线性渐变

未来的小雪球·2020-06-30 01:11

案例:使用vue开发微信机器人聊天(附完整源码)

font-family:'微软雅黑'}#container{width:450px;height:780px;background:#eee;margin:80pxauto0;position:relative;box-shadow

庚中·2020-06-30 00:41

web前端入门到实战：CSS3 filter（滤镜）属性

一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意：这个drop-shadow与box-shadow都是在说阴影，但还是有区别的

魔方编程·2020-06-29 17:20

box-shadow属性实现一个实心球

boxshadow.boxshadow-outset{width:100px;height:100px;box-shadow:4px4px6px#666,10px10px50px10pxinset;border-radius

waka·2020-06-29 17:43

3D旋转相册（表白）

3D旋转相册的代码（用jquery写的）：3D相册body{background-color:#000;}img{width:110px;height:180px;position:absolute;box-shadow

无人不xiao·2020-06-29 16:52

mui的索引列表indexedList （仿通讯录）

现在我们来看一下，微信通讯录的详细做法：1.我们来看一下页面代码：html,body{height:100%;overflow:hidden;}.mui-bar{-webkit-box-shadow:none;box-shadow

你的美，让我痴迷·2020-06-29 16:45

如何修改Element-UI的input样式

.el-input__inner{height:33px;font-size:13px;box-shadow:none;border:1pxsolid#e9e9e9;}.el-input__inner:

做个快乐的小吃货·2020-06-29 08:42

微信小程序view中加边框，阴影，圆角，左半边圆角

view，button等控件中加边框，效果图：代码：.view{border:3rpxsolid#faca82;border-radius:10rpx;padding:10rpx;}1、阴影：/*阴影*/box-shadow

wy313622821·2020-06-29 08:00

CSS全面解析之三：CSS 效果

box-shadow语法box-shadow:5px5px24px0pxrgba(0,0,0,0.5);解析：/*x偏移量|y偏移量|阴影模糊半径|阴影扩散半径|阴影颜色*/补充一个可能遇到的小知识点：

carrot_lsp·2020-06-29 08:07

纯 CSS 实现红绿灯动画demo

关键思想在于一个标签的box-shadow属性可以同时设置多个。

Web_hls·2020-06-29 05:56

echarts横向柱状图Demo

backgroundColor:'black',tooltip:{trigger:'axis',backgroundColor:'rgba(255,255,255,0.8)',extraCssText:'box-shadow

星空月零·2020-06-29 04:02

简单的五子棋小游戏(html+css+js)

五子棋canvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#EFEFEF,5px5px5px#B9B9B9;cursor:pointer

瑟瑟发抖的小喵喵·2020-06-29 01:54

纯css实现双箭头

直接复制代码实现1.样式2.代码如下我的第一个HTML页面.brand_total{box-shadow:0px0px1px2px#F0F0F0;margin:0auto;background-color

梦昼初心·2020-06-28 20:15

H5按钮点击样式

active{color:rgba(255,255,255,0.6);background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.1));box-shadow

_hider·2020-06-28 14:28

CSS之弧形阴影

简述阴影效果注释标题效果源码合并效果源码阴影效果首先实现一个简单的阴影效果div{background:green;box-shadow:04px10pxrgba(0,0,0,0.5);border-radius

weixin_34221036·2020-06-28 14:57

移动端网页布局中需要注意事项以及解决方法总结

标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上，输入框默认有内部阴影，但无法使用box-shadow

张宪宇·2020-06-28 13:10

【译】只用 CSS 就能做到的像素画/像素动画

只用CSS就能做到的像素画/像素动画原文链接：box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる作者推特：bc_rikko作者的推特里面有不少例子，有能力的同学可以看一下翻译博客地址

weixin_33819479·2020-06-28 06:48

box-shadow,text-shadow

box-shadow:inset30px40px20px#f00;如上实例，总共五个参数，其中第一个代表阴影是向内阴影还是向外阴影，第二个参数代表向右（从左向右）的偏移量，第三个参数代表向下的偏移量，第四个参数代表阴影的距离

weixin_33816946·2020-06-28 05:41

超好的水波纹效果

htmlcss:.home_user_head{display:inline-block;position:absolute;top:10px;left:10px;width:30px;height:30px;box-shadow

weixin_30889885·2020-06-28 02:17

新功能引导实现

如果新功能需要可点击操作，则使用该种方法2.使用css的outline属性.guide{outline:9999pxsolidrgba(0,0,0,.75);}以上方法在火狐浏览器会有兼容性问题，故改成用box-shadow

weixin_30886233·2020-06-28 02:04

H5C3新增

CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow（文本阴影）5、text-overflow

weixin_30696427·2020-06-27 23:30

css 设置overflow:scroll 滚动条的样式

width:6px;height:6px;background-color:rgba(240,240,240,1);}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{box-shadow

weixin_30679823·2020-06-27 23:40

怎么做出透明边缘的照片？

box-shadow:阴影填充box-shadow:10px10px5px#888888;image.pngbox-shadow:h-shadowv-shadowblurspreadcolorinset

小幸运Q·2020-06-27 21:24

css3 box-shadow阴影(外阴影与外发光)讲解

基础说明：外阴影：box-shadow:X轴Y轴Rpxcolor;属性说明（顺序依次对应）：阴影的X轴(可以使用负值)阴影的Y轴(可以使用负值)阴影模糊值（大小）阴影的颜色内阴影：box-shadow:

weixin_30411239·2020-06-27 19:03

基于mui实现扫一扫二维码功能

扫一扫-->.mui-bar-nav{top:0;-webkit-box-shadow:01px6px#ccc;box-shadow:01px6px#ccc;}.mui-bar{position:fixed

weixin_30410999·2020-06-27 19:02

jq实现瀑布流

relative;}.box{padding:15px0015px;float:left;}.pic{padding:10px;border:1pxsolid#ccc;border-radius:5px;box-shadow

weixin_30367873·2020-06-27 18:07

div带箭头提示框实例

.info{margin-top:50px;position:relative;width:200px;height:50px;line-height:50px;background:#F6F1B3;box-shadow

weixin_30252709·2020-06-27 15:36

小程序生成带二维码的分享海报（后端PHP）

mycanvas{margin:0auto;margin-top:30px;margin-bottom:30px;width:310px;height:490px;border:1pxsolid#ddd;box-shadow

Emma'·2020-06-27 11:51

box-shadow详解

box-shadow前言box-shadow是css3的一个新属性，用来实现阴影效果，阴影分为内阴影和外阴影两个效果，可以通过逗号添加多个阴影效果。

Savoury__java·2020-06-27 08:14

box-shadow属性分析

box-shadow:h-shadowv-shadowblurspreadcolorinset;以上六个值的含义：h-shadow水平阴影的位置，允许负值；v-shadow垂直阴影的位置，允许负值；blur

生如夏花S·2020-06-27 06:45

css3-one

background-clip裁切图片容器里面的内容（border-box，padding-box，content-box）background-attachment设置背景图片是否随着滚动box系列box-shadow

听说我很好·2020-06-27 04:52

iview的table组件中渲染自定义vue组件

代码如下：.intoDiv{border-radius:2px;box-shadow:1px1px3px#c5c5c5;}/*****条形展示百分比*longof100:为100%时，条形的长度*height

southArbor·2020-06-26 22:05

修改系统默认 alert 弹框样式

266px;position:fixed;z-index:999;top:49%;margin-top:-80px;left:50%;margin-left:-133px;background:#fff;box-shadow

第7维度·2020-06-26 15:32

jquery实现瀑布流布局+无限下拉加载

relative;font-size:0;margin:0auto;}.box{padding:5px;float:left;box-sizing:border-box;}.boximg{padding:5px;box-shadow

水中残月·2020-06-26 14:49

神奇的ios9bug

1、设定最外层投影（box-shadow:0px0px100px200pxrgba(0,0,0,0.5)）姓名：$linkman电话：$mobile职位：$job公司：$company姓名：电话：职位：

澄清寰宇·2020-06-26 09:59

多重边框

box-shadow的基本用法box-shadow属性向框添加一个或多个阴影。

_菡曳_·2020-06-26 07:59

五子棋游戏源码和核心算法的讲解（简易五子棋web版）

解决浏览器的兼容问题*/#canvas{background:#f4f4f4;margin:100pxautoautoauto;display:block;border:7pxsolid#3d3d3d;box-shadow

cckpspys·2020-06-26 06:55

CSS3box-shadow属性详解

下面分别介绍box-shadow阴影的使用：1、盒子阴影box-shadowbox-shadow属性向box添加一个或多个阴影。语法：box-shadow:offset-xoffset

巧克力很苦·2020-06-26 03:50

十个前端面试题及答案

2用box-shadow（sha`dang）是css3的一个新属性，用来实现阴影效果，阴影分为内阴影和外阴影两个效果，可以通过逗号添加多个阴影效果。.re

Frank一月·2020-06-25 20:23

Css3 设置背景设置动画

选择器的使用，利用border-radius属性将矩形调整为其他图形，利用box-shadow给图形附加内阴影或外阴影，使用filter给图片附加滤镜属性，学到10种滤镜的用法和区别，在使用多个滤镜时，

qq_40571091·2020-06-25 18:42

CSS特殊样式（一）模拟波浪线+矩形切割

1000;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#fff;box-shadow

front_end_fan·2020-06-25 15:13

推荐频道

box-shadow