css3阴影效果
效果图： 更好的讲解：http://demo.doyoe.com/css3/box-shadow/ ...
原文：HTML5 css3 阴影效果
阴影效果曾让 Web 设计师既爱又恨，现在，有了 CSS ，你不再需要 Photoshop，已经有网站在使用这个功能了，如 Ways website. webkit box shadow: px px px ccc moz box shadow: px px px ccc box shadow: px px px ccc 前两个属性设置阴影的 X Y 位移，这里分别是 px，第 个属性定义阴影的虚 ...
2013-12-19 14:17 0 4391 推荐指数：
相关推荐
那些不错的 [ Html5 + CSS3 + Canvas ] 效果！
apng制作工具：http://isparta.github.io/how.html apng制作文章：http://isux.tencent.com/introduction-of-apng.html GIF 和 Apng ,apng-canvas Css3 模拟支付宝AA收款 ...
css3翘边阴影效果
一，直接上图 二，应用技术及原理 主要应用css3的box-shadow属性和transform属性，利用伪类变形分不同层来重叠阴影。 三，代码 html： css： 四，参考 ...
css3边框阴影效果
css3边框阴影效果box-shadow用法详解 案例演示如下： 其中前2个值的用法跟对背景图片进行定位时的用法差不多。 将/zz/前的那句代码替换为：box-shadow:0px 0px 30px 10px #abcdef; 效果图如下： 前4个属性均可设置为负值。 ...
css3卡片阴影效果
1.css3阴影用到的知识点：阴影box-shadow和插入：after before HTML部分： CSS部分： 备注： 1. css卡片阴影效果用到两个伪元素:after、before. (1)、“伪元素”，顾名思义。它创建了一个虚假 ...
CSS3之文本凹凸效果（阴影效果）
背景 利用文本的阴影效果，可以实现文本的凹凸效果，使得文本更加有立体感 凹效果 text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff; 黑色衬托白色 凸效果 text-shadow: -1px -1px ...
HTML5和CSS3实现3D转换效果 CSS3的3D效果
上次，我们一起研究了css3的2d模块，这次我们一起来看一下css3的3d模块。 首先，我们来了解一下3d的坐标系，x轴在屏幕上为水平方向，y轴为垂直方向，而z轴为垂直于屏幕的方向。 不理解的话可以参考定位属性的z-index属性，那个在某种意义上就是让元素在z轴的移动 ...
HTML5/CSS3实现添加锁屏效果
锁屏效果，也就是将屏幕置于模态，不允许用户触发任何动作，只能解除锁定后才能继续使用，jQueryUI的dialog有模态对话框，这一点不难做到。那么，首先需要在页面中添加一个div层，用于做模态的层： Html代码 ...