box-reflect 倒影

box-reflect：none | direction offset mask-box-image

direction: 倒影在对象的位置

above 上 below 下 left 左 right 右

offset:用长度值来定义倒影与对象之间的间隔,可以为负值

length | percentage

mask-box-image: 遮罩图像

<url>：使用绝对或相对地址指定遮罩图像。这个用png的图片容易出效果

linear-gradient：使用线性渐变创建遮罩图像。这个利用黑色的透明度做效果比较好

radial-gradient：使用径向(放射性)渐变创建遮罩图像。

repeating-linear-gradient：使用重复的线性渐变创建背遮罩像。

repeating-radial-gradient：使用重复的径向(放射性)渐变创建遮罩图像。

none：无遮罩图像

时间： 2024-10-31 09:26:11

box-reflect 倒影的相关文章

How to make a combo box with fulltext search autocomplete support?

I would like a user to be able to type in the second or third word from a TComboBoxitem and for that item to appear in the AutoSuggest dropdown options For example, a combo box contains the items: Mr John Brown Mrs Amanda Brown Mr Brian Jones Mrs Sam

jquery和CSS3带倒影的3D万花筒旋转动画特效效果演示

<!DOCTYPE html> <html> <head> <title></title> <meta charset='utf-8' /> <script src='js/jquery.js'></script> <style> .pic{ width: 120px; height: 180px; margin: 150px auto 0; position: relative; /*transf

css3渐变、背景、倒影、变形

一.背景切割background-clip 语法:background-clip:border-box | padding-box | content-box: border-box 超出border外的背景割掉 padding-box 超出padding外的背景割掉 content-box 超出content外的背景割掉二.背景原点(定义起点或中心点)background-origin 语法:background-origin:border-box | padding-b

reflection倒影

倒影插件:reflection.js DEMO如下 <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery-实现图片投影效果的js插件</title> <style type="text/css"> .z

CSS3_盒阴影_倒影_盒子大小可调

1. 盒阴影会产生一个或者多个阴影使用: (多个阴影,以逗号隔开) /* (不能为负值) (可以负值) */ /* 水平方向偏移量垂直反向偏移量模糊程度扩散程度颜色是否是内阴影; */ box-shadow: 20px 20px 20px 10px yellowgreen; /* 外阴影上下左右扩10px */ /* 不会影响布局,即不占位 */ /* 内阴影在 content 之上 */ box-shadow: 30px 40px 10px 50px red inset;

Windows10 使用Virtual Box一启动虚拟机就蓝屏（错误代码SYSTEM_SERVICE_EXCEPTION）解决方案

原文:Windows10 使用Virtual Box一启动虚拟机就蓝屏(错误代码SYSTEM_SERVICE_EXCEPTION)解决方案一打开虚拟机电脑就立马蓝屏重启,新建虚拟机也没用,然后就开始百度,百度上全说什么驱动不对,然后我就卸载升级各种驱动,然后各种重装VirtualBox,还是不行,搞了一两个小时,都快放弃了.决定上个google,终于看到一篇文章说是因为Hyper-V与Virtual Box冲突了,只需要在控制面板关闭就行.然后抱着试一试的心态. 首先我们先打开控制面板.按Wi

CloudFoundry in 1 Box简介：PCF－Dev篇

在<CloudFoundry in 1 Box简介:Bosh-lite篇>我们介绍了Bosh-lite的架构和部署.在本篇中,我们将详细描述另一个CloudFoundry in 1 Box解决方案PCF-Dev. 1PCF-dev简介 PCF是Pivotal发行的Cloud Foundry商业版,PCF-Dev原名MicroPCF,是Pivotal为PCF的应用开发人员准备的一款App单虚拟机版的CloudFoundry.但是,麻雀虽小,五脏俱全.PCF-Dev虽然可以在仅仅一台虚拟式上即可运

java.lang.reflect操作对象属性(域)的值

import java.lang.reflect.Field; import java.lang.reflect.InvocationTargetException; import java.lang.reflect.Method; /*2015-10-28*/ public class RefactorDemo { /** * @param args * @throws NoSuchFieldException * @throws SecurityException * @throws Ill

CodeForces 388A Fox and Box Accumulation 贪心

Fox Ciel has n boxes in her room. They have the same size and weight, but they might have different strength. The i-th box can hold at most xi boxes on its top (we'll call xi the strength of the box). Since all the boxes have the same size, Ciel cann

poj1442（Black Box）

题目地址:Black Box 题目大意: 有一个黑盒子可以进行两种操作,一种是ADD往盒子里存数,一种是GET查找盒子里的第几个数,默认盒子里始终是从小到大排列,然后A(1).A(2)....A(M)为要存进盒子的数,u(1).u(2).....u(N)的数并不是取出第几个数,而这里u(N)存的数是插入几个A(M)到盒子里去,这里有一个P(1 <= p <= N) 和u是同序列的.输出 p-minimum number from our A(1), A(2), ..., A(u(p)) seq