文档章节

css3-box-shadow

w
 wyn5111
发布于 2016/06/27 20:14
字数 89
阅读 8
收藏 0
点赞 0
评论 0

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>boxshadow</title>
<style>
.boxshadow-outset{
    width:100px;
    height:100px;
    box-shadow:4px 4px 6px #666;
}
.boxshadow-inset{
    width:100px;
    height:100px;
    box-shadow:4px 4px 6px #666 inset;
}
.boxshadow-multi{
    width:100px;
    height:100px;
    box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}

</style>
</head>

<body>
<h2>外阴影</h2>
<div class="boxshadow-outset">
</div>
<br />
<h2>内阴影</h2>
<div class="boxshadow-inset">
</div>
<br />
<h2>多阴影</h2>
<div class="boxshadow-multi">
</div>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
w
粉丝 0
博文 10
码字总数 3165
作品 0
西安
让 IE6, 7和 8支持 CSS3

我们都知道IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持 CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……...

红薯 ⋅ 2010/04/28 ⋅ 0

【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8

【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8 摘要:IE-CSS3是提供一些CSS3标准新款式在即将到来的的Internet Explorer支持的脚本。 PS:IE6及IE7使用ie-css3.htc 能支持 box-sizing box-shadow ...

钟女士 ⋅ 2013/01/07 ⋅ 2

CSS3 边框(Borders)

CSS3 Borders 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image 浏览...

wybo521 ⋅ 2016/01/23 ⋅ 0

CSS实现跨浏览器兼容性的盒阴影效果

CSS实现跨浏览器兼容性的盒阴影效果 一、无关紧要碎碎念 在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果: 然而,在CSS2的时代,我们多半使用图...

0000001 ⋅ 2011/11/29 ⋅ 0

CSS3--入门实用

**-----走进CSS3-----** 1、CSS特性: (1)CSS 用于控制网页的样式和布局。 (2)CSS3 是最新的 CSS 标准。 注:W3C的CSS3规范仍在开发。但是,许多新的CSS3属性已在现代浏览器使用。 ====...

我是宁采臣 ⋅ 2016/12/08 ⋅ 0

HTML 里边框有阴影方法

css3中设置边框为图片阴影 div的嵌套,露出部分用图片堆砌 自动边框设置阴影-webkit-box-shadow: 3px 0px 10px #f2f2f2 inset;box-shadow: 3px 0px 10px #f2f2f2 inset;" 下面来说下css3阴影...

SKYCOBS ⋅ 2015/12/31 ⋅ 0

15 个用 CSS3 实现的文本效果

Cool Text Effects Using CSS3 Text-Shadow Alfonse Surigao shows cool CSS3 is to use and how many effects can one generate using it. Text shadow effect has been used. Inset Text W......

小编辑 ⋅ 2011/11/29 ⋅ 4

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

text-shadow是给文本添加阴影效果。 box-shadow是给元素块添加周边阴影效果。 随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 语法: box-shadow [inset] x-offset y-offset blur-ra...

荆瑶 ⋅ 2016/12/23 ⋅ 0

涂鸦风格的对话框

这是一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的...

临江若仙 ⋅ 2014/08/11 ⋅ 0

10 个实验性的 JS/CSS3 编程技术

本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用...

小编辑 ⋅ 2011/12/09 ⋅ 6

没有更多内容

加载失败,请刷新页面

加载更多

下一页

HiSDP —— 高效的C++软件开发平台

目前阿里集团每天有近1000PB的数据是通过LogAgent采集的,为了让LogAgent做到资源占用节省和高效采集,背后是基于HiSDP去构建的。 缘由 当决定采用C++编程语言去开发一个软件时,紧接着所面临...

阿里云云栖社区 ⋅ 25分钟前 ⋅ 0

zookeeper-3.4.12 下载与安装教程

一、zookeeper下载地址 http://mirrors.hust.edu.cn/apache/zookeeper/ 二、启动教程 把压缩包放在指定目录下 第三: 进入 conf文件夹底下 zoo_sample.cfg 文件名改成 zoo.cfg 第四步: 进入b...

泉天下 ⋅ 26分钟前 ⋅ 0

Oracle 中文日期转换

SELECT TO_date('2011年11月11日', 'yy"年"mm"月"dd"日"') FROM DUAL; 1. Oracle无法识别中文格式,所以添加双引号。 2. 后面的格式是指字符串在转换前的格式,而不是指转换后的格式。...

江戸川 ⋅ 28分钟前 ⋅ 0

MySell:API Spring Boot

起步 类目 商品 订单

BeanHo ⋅ 30分钟前 ⋅ 0

Spring方法拦截器MethodInterceptor

参考资料 1、Spring方法拦截器MethodInterceptor 2、Sharding JDBC源码分析-JdbcMethodInvocation类的作用

哎小艾 ⋅ 33分钟前 ⋅ 0

正则表达式

元字符 元字符,又叫字符集,就是用一些特殊符号表示特定种类的字符或位置。 匹配字符 . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 \s 匹配任意的空白符 \d 匹配数字 匹配...

wangchen1999 ⋅ 33分钟前 ⋅ 0

数据库数据导入Elasticsearch案例分享

基于bboss持久层和bboss elasticsearch客户端实现数据库数据导入es案例分享(支持各种数据库和各种es版本) 1.案例对应的源码 https://gitee.com/bboss/bboss-elastic/blob/master/bboss-el...

bboss ⋅ 34分钟前 ⋅ 0

动手---sbt(2)

参考 https://blog.csdn.net/leishangwen/article/details/46225587 建立一个chisel_max目录,文件内容如后面所述,现在开始执行命令: joe@joe-Aspire-Z3730:/media/sdb4/download/scala$ c......

whoisliang ⋅ 41分钟前 ⋅ 0

纯js实现最简单的文件上传(后台使用MultipartFile)

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <script type="text/javascript"> //图片上传 var xhr......

孟飞阳 ⋅ 46分钟前 ⋅ 0

iOS宇宙大战游戏、调试工具、各种动画、AR相册、相机图片编辑等源码

iOS精选源码 日期时间选择器,swift Space Battle 宇宙大战 SpriteKit游戏源码 LLDebugTool - 便捷的IOS调试工具(新增截屏功能) 相机扫描or长按识别二维码、FMDB、键盘动态高度、定位等 动画...

sunnyaigd ⋅ 46分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部