纯CSS3透明水晶盒（4）
作者：a287019674 来源：蓝色理想 发布时间：2011-08-24 20:20:06
标签：css3,透明,盒子
三、通透性
每个面的受光不同，所以透明度应该也有所区别，我把上，前，右对着浏览者的透明度调低于后面的，然后拉出半透明到透明的渐变叠加到基本的盒子颜色上，产生层次，我都是很淡的过渡色叠加，如果想剧烈的话也可以的，渐变写法如下：
background:-moz-linear-gradient(-45deg, rgba(255,255,255,0.3),rgba(255,255,255,0.2) 40％,rgba(255,255,255,0.2) 70％,rgba(255,255,255,0.1));
由左上到右下拉斜线渐变，从0％ 0.3到40％ 0.2，70％ 0.2到100％ 0.1；颜色很淡，如果把系数调大调深的话，渐变色就会很明显，由于里面各个面的渐变各不同，就不一一解释，相信看了源文件就会明白的了，我也是跟着自己感觉拉的渐变，没有很专业的光线投射研究，如果有错的地方你看出来了还望指出。
当调整出各个面的颜色之后，发现“前上右”面与面之间有边线分割，看起来很整齐，但是后面我原本没有画边线，结果‘左’跟‘后’有点混，所以还是12条边线一一画出，妥当些，前面的边线透明度为0.6，侧面的0.4，后面的0.2，突出层次。
0
投稿猜你喜欢
本文为大家分享了python2.7+selenium2实现淘宝滑块自动认证的具体代码，供大家参考，具体内容如下1.编译环境 操作系统：win- 一般网站发布信息会在具体实现范围内发布，我们在进行网络爬虫的过程中，可以通过设置定时爬虫，定时的爬取网站的内容。使用python爬虫框架Sc
- 内容摘要：在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本
- MySQL好像从5.0.2版本就开始支持触发器的功能了，本次博客就来介绍一下触发器，首先还是谈下概念性的东西吧：什么是触发器触发器是与表有关
- Vue Demi是什么如果你想开发一个同时支持Vue2和Vue3的库可能想到以下两种方式：1.创建两个分支，分别支持Vue2和Vue32.只
- PyTorch 中的 torch.utils.data 解析PyTorch 中的 torch.utils.data 解析在 PyTorch
- Bottle是一个轻量级的Web框架，此框架只由一个 bottle.py 文件构成，不依赖任何第三方模块。#!/usr/bin/env py
- 本文实例讲述了Python常见数据类型转换操作。分享给大家供大家参考，具体如下：类型转换主要针对几种存储工具：list、tuple、dict
- 1.global关键字默认情况下，在局部作用域对全局变量只能进行：读取，修改内部元素（可变类型），无法对全局变量进行重新赋值读取：CITY=
- 如下所示：//定义编码 header( 'Content-Type:text/html;charset=utf-8 &#
- 使用PHP开发应用程序，尤其是网站程序，常常需要生成随机密码，如用户注册生成随机密码，用户重置密码也需要生成一个随机的密码。随机密码也就是一
- <?php$dsn = "mysql:host=localhost;dbname=group";$db = new
- 下拉菜单平常见到的都是用js来实现的，本文介绍的方法是使用纯CSS实现导航下拉菜单功能，代码符合标准，兼容性好且环保，制作下拉菜单的不错选择
- 目录前言一、常用命令二、嗅探数据包三、构造数据包四、各个协议用法五、发包，收包六、SYN半开式扫描七、数据包序列化，反序列化八、数据包与字符
- 无聊,写了一个图片后加载的东东,感谢asfman帮忙<!DOCTYPE html PUBLIC "-//W3C//DTD X
- 查到的可能原因：1.本地的go编译器版本2. go module构建模式未开启3. 是否在go.mod所在目录执行的go mod tidy解
- 如下所示：import timedef date_compare(item1, item2): t1 = time.mktime(time.
- 一、定义正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符
- 如果你看过YUI的RAW源码，会发现很多跟javadoc语法类似的注释。据说(via)是使用JSDoc这个工具。但我探索了一遍，发现YUI多
- 前言若电脑之前已经安装过vue-cli了，但是版本过低，比方说当前vue-cli的版本为2.9.6，然后我想升级到vue-cli的最新版本4
