`
geovindu
  • 浏览: 17126 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS DIV Shadow

 
阅读更多
/*
 2011-11-28 塗聚文 締友計算機信息技術有限公司
 CSS DIV Shadow
 css3 
*/

#geovinduDiv-shadow
{
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #fff;
    position:relative;
	/*Firefox*/
	-moz-box-shadow: 3px 3px 4px #000;
	/*Safari,Chrome*/
	-webkit-box-shadow: 3px 3px 4px #000;
	/*css3: Opera,IE9*/
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

	}

	<div id="geovinduDiv-shadow">
	涂聚文,捷为工作室,缔友计算机信息技术有限公司-书呆子学究就是阅读书本的人,但思想家,天才,照亮这一世界和推动人类进步的人却是直接阅读世事人生这一本大书。为上行者过乎言,则民作实。言过于行,则民作伪。《琐语》欲使人民忠实,为上者必须在事实上着力。欲免人民虚伪,为上者不可在言语上骗人。
	</div>


分享到:
评论

相关推荐

    《精通CSS+DIV网页样式与布局》光盘源码

     第10章 理解CSS定位与div布局   10.1 div 标记与 span 标记  10.2 盒子模型  10.3 元素的定位   10.4 定位实例一:轻轻松松给图片签名   10.5 定位实例二:文字阴影效果   第11章 CSS+div布局...

    精通CSS.DIV.网页样式与布局 源码

     第10章 理解CSS定位与div布局   10.1 div 标记与 span 标记  10.2 盒子模型  10.3 元素的定位   10.4 定位实例一:轻轻松松给图片签名   10.5 定位实例二:文字阴影效果   第11章 CSS+div...

    精通CSS+DIV网页样式与布局视频教材

    精通CSS+DIV网页样式与布局 视频教材主要内容 迅雷下载地址: 目录 第1部分 CSS基础知识篇 第1章 CSS的初步体验 1.1 CSS的概念 1.1.1 标记的概念 1.1.2 传统HTML的缺点 1.1.3 CSS的引入 1.1.4...

    精通CSS+DIV网页样式与布局

     第10章 理解CSS定位与div布局   10.1 div 标记与 span 标记  10.2 盒子模型  10.3 元素的定位   10.4 定位实例一:轻轻松松给图片签名   10.5 定位实例二:文字阴影效果   第11章 CSS+div布局...

    纯css带箭头div

    纯CSS无图片带箭头的DIV方框&lt;/title&gt; &lt;style&gt; div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px; background-color:transparent; *...

    精通CSS+DIV网页样式与布局Part1

     第10章 理解CSS定位与div布局   10.1 div 标记与 span 标记  10.2 盒子模型  10.3 元素的定位   10.4 定位实例一:轻轻松松给图片签名   10.5 定位实例二:文字阴影效果   第11章 CSS+div布局...

    精通CSS.DIV网页样式与布局视频01

     第10章 理解CSS定位与div布局   10.1 div 标记与 span 标记  10.2 盒子模型  10.3 元素的定位   10.4 定位实例一:轻轻松松给图片签名   10.5 定位实例二:文字阴影效果   第11章 CSS+div布局...

    jQuery CSS3的弹性卡通怪物上下跳动动画特效.zip

    &lt;div class="shadow"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="item" id="orange"&gt; &lt;div class="chewing"&gt; &lt;div class="eye left"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class="eye right"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class="mounth"&gt;...

    CSS和CSS3思维导图(xmind版)

    resize(元素缩放):指定一个div元素,允许用户调整大小 outline(外边框) background-origin(指定背景图片从哪里开始显示) background-clip(指定背景图片从什么位置开始裁切)  background(为一个元素指定多个背景...

    H5 css3 box-shadow鼠标悬停按钮动画特效.zip

    &lt;div class="buttons"&gt;  简单的悬停效果基于 &lt;code&gt;box-shadow&lt;/code&gt;&lt;/h1&gt;  &lt;button class="fill"&gt;Fill In ... 一款用box-shadow属性制作多种按钮悬停动画效果,css3鼠标悬停按钮动画特效下载。

    《CSS全程指南》随书光盘

    之后本书又着重讨论如何使用DIV结合CSS来搭建网站,同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...

    CSS3 box-shadow属性实例详解

    CSS3 – 给div或者文字添加阴影(盒子阴影、文本阴影的使用) CSS3定义了两种阴影:盒子阴影和文本阴影。其中盒子阴影需要IE9及其更新版本,而文本阴影需要IE10及其更新版本。下面分别介绍box-shadow阴影的使用: ...

    CSS3 3D书本翻页动画效果.zip

     &lt;div id='shadow'&gt;&lt;/div&gt;  &lt;div id='bookmark'&gt;  &lt;div&gt;  &lt;div&gt;  &lt;div&gt;  &lt;div&gt;&lt;/div&gt;  &lt;/div&gt;  &lt;/div&gt;  &lt;/div&gt;  &lt;/div&gt;  &lt;div id='bookmark-shadow'&gt;&lt;/div&gt; -------------------------------------------...

    css3中less实现文字长阴影(long shadow)

    &lt;div class=long-shadow&gt;屮艸芔茻&lt;/div&gt; .loop(@counter) when (@counter &gt; 0) { .loop((@counter - 1)); text-shadow+: (1px * @counter) (1px * @counter) #2d585a; } .long-shadow{ overflow: h

    css-in-the-shadow-dom:Shadow DOM中CSS

    Shadow Dom是CSS避孕套,可防止不必要的泄漏。 问题 CSS遭受泄漏的折磨! 看看播放按钮,它应该是白色的! 修复1:CSS反模式 增加CSS特异性 使用!important 终极 CSS泄漏=多余的浸渍。 body.theme div#parent #...

    css3 H5打乒乓球动画特效.zip

    代码片段:  &lt;div id="table"&gt;  &lt;div id="line"&gt;&lt;/div&gt;   &lt;div id="net-top"&gt;&lt;/div&gt; ... &lt;div id="net-middle"&gt;&lt;/div&gt; ... &lt;div id="net-bottom"&gt;&lt;/div&gt; ... &lt;div id="net-shadow"&gt;&lt;/div&gt;  &lt;/div&gt;

    jQuery CSS3弹跳球碰撞动画特效.zip

    box-shadow:inset 0 0 0 2px hsla(' H ',100%,70%,1);background:hsla(' H ',100%,70%,1);"&gt;&lt;/div&gt;');    $('.tail').each(function() {  var div = $(this);  setTimeout(function() {$(div).remove();},...

    jQuery CSS3 SVG信用卡结算按钮与图标互动动画特效.zip

    CSS3 SVG信用卡结算按钮与图标互动动画特效是一款有趣的个性网页动画特效代码,当鼠标经过点击结算按钮时,右侧图标出现有趣的动画效果。  每日信用卡结账:IU 002  &lt;div class="wrapper"&gt;  立即结算  &lt;div ...

    common.css

    css样式,项目中用到的,记录在此 页面设计遇到的一些问题: 1、div悬浮感、div浮动(变成行内块)、清除浮动 样式: box-shadow: 2px 2px 5px #bbb;  float: left; clear: both; 2、外边距自动...

Global site tag (gtag.js) - Google Analytics