box-shadow用法總結
box-shadow：<length><length><length><length>|| <color>
<length><length><length>?<length>? || <color>：陰影水平偏移值（可取正負值）；陰影垂直偏移值（可取正負值）；陰影邊框；陰影模糊值；陰影顏色CSS3盒陰影效果不僅支援盒外陰影，還支援內陰影，使用時增加一個inset屬性即可。例如：box-shadow: inset 0 0 1px #fff;所表示的含義是沒有偏移，1畫素模糊的白色內陰影。
box-shadow還支援多陰影，例如：box-shadow: inset 0 0 1px #fff, inset 4px 4px 20px rgba(255,255,255,0.33), inset -2px -2px 10px rgba(255,255,255,0.25);所表示的含義是，無偏移1畫素模糊白色陰影重疊於左上角4畫素偏移20畫素模糊透明度0.33的白色內陰影再重疊於右下角偏移2畫素，模糊10畫素，透明度0.25的白色內陰影。
.drop-shadow.top {
box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.right {
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.bottom {
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.left {
box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4);
}
.emphasize-dark {
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.emphasize-light {
box-shadow: 0 0 0 10px rgba(255,255,255,.25);
}
.emphasize-inset {
box-shadow: inset 0 0 7px 4px rgba(255,255,255,.5);
}
.emphasize-border {
box-shadow: inset 0 0 0 7px rgba(255,255,255,.5);
}
.embossed-light {
border: 1px solid rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.embossed-heavy {
border: 1px solid rgba(0,0,0,0.1);
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.3),
inset 0 -2px 3px rgba(0,0,0,0.3),
0 1px 1px rgba(255,255,255,0.9);
}
-webkit-border-radius: 40px;
-webkit-box-shadow: 0 0 1px #fff, 0 0 3px #000, 0 0 3px #000;
-moz-border-radius: 40px;
-moz-box-shadow: 0 0 1px #fff, 0 0 3px #000, 0 0 3px #000, inset 0 1px #fff, inset 0 12px rgba(255,255,255,0.15), inset 0 4px 10px #cef, inset 0 22px 5px #0773b4, inset 0 -5px 10px #0df;
height: 34px;
width: 80px;
border-radius: 40px;
background: #034a76;
box-shadow: 0 0 1px #fff, 0 0 3px #000, 0 0 3px #000, inset 0 1px #fff, inset 0 12px rgba(255,255,255,0.15), inset 0 4px 10px #cef, inset 0 22px 5px #0773b4, inset 0 -5px 10px #0df;
相關推薦
box-shadow用法總結
box-shadow：<length><length><length><length>|| <color> <length><length><length>?<length>? || <colo
css中box-shadow的用法總結
閒來無事，整理下資料夾，發現一個很久前的box-shadow資料夾，現在就總結下box-shadow的用法。 .top-right{ width: 150px; height: 80px; back
【轉】CSS3陰影 box-shadow的使用和技巧總結
x模型 man sco ie瀏覽器 bsp 基礎 mage script www text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果。隨著HTML5和CSS3的普及，這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[i
CSS3陰影 box-shadow的使用和技巧總結
引入 plain obj 方法 字符 prev track lur percent ext-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果。隨著html5和CSS3的普及，這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[i
盒子陰影——Box-shadow
strong 半徑 類型 web 設定 chrome瀏覽器 瀏覽器 可選 tro box-shadow:陰影水平偏移量 陰影垂直偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色 box-shadow屬性的參數設置取值： 陰影類型：此參數可選。如不設值，默認投影方式是外陰影；如
git branch用法總結
如果 命名 參數 war blank org 2.6 重命名 scm Git branch git branch 不帶參數：列出本地已經存在的分支，並且在當前分支的前面加“*”號標記，例如： #git branch* master
numpy中一些常用函數的用法總結
num matrix 空白 記錄 維數 補充 結果 創建 array 先簡單記錄一下，後續補充詳細的例子 1. strip()函數 s.strip(rm)：s為字符串，rm為要刪除的字符序列 只能刪除開頭或是結尾的字符或者字符串。不能刪除中間的字符或是字符串 當rm為空
css3 box-shadow
rgba 圓角 img www 生成 oar black mic opera <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf
數組去重，call、apply、bind之間的區別，this用法總結
步驟 -- 之間 undefined 定義 ply clas turn 需要 一、數組去重，直接寫到Array原型鏈上。 1 //該方法只能去除相同的數字 不會去判斷24和‘24‘是不同的 所有數字和字符串數字是相同是重復的 2 Array.prototype
探索盒子陰影box-shadow
box-shadow 盒子陰影 html css盒子陰影之探索盒子陰影：box-shadow作用；在盒子不同的方位添加你想要的陰影效果。box-shadow有六個參數值，下面一一舉例說明 語法:Box-shadow: offset-x | offset-y | blur | sperd | color| p
JavaSE(一) IO類層次關系和各種IO流的用法總結
思想 單位 out 9.png 什麽 輸入流 謝謝 混亂 體系 今天把IO流的這一知點進行一下總結，因為在之前使用io流的時候，就只知道幾個重點常用的IO類，比如FileInputStream，BufferedInputStream(緩沖流)等等，但是不知道它處
css3之box-shadow
.cn 代碼 alt -s height css3 spa 投影 邊緣 box-shadow是向盒子添加陰影。支持添加一個或者多個。 用法： box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴展半徑] [陰影顏色] [投影方式]; 代碼： .
netty用法總結
ram sed 解碼 coder fff ade med 長度 bte /**decoder和encoder，如果不需要解析，就使用系統的 * ch.pipeline().addLast(new StringDecoder()); * ch.pipeline().add
delphi CxGrid用法總結(63問)
重復 註釋 ccid nvi while ren 數據顯示 ray 序號 1. 去掉cxGrid中臺頭的Box 解決：在tableview1的optionsview的groupbybox=false; **********************************
Oracle中Merge into用法總結 （轉載）
字符 存在 sin 刪除 ron mic 但是 多個 前段時間 Oracle中Merge into用法總結 （出處：http://www.cnblogs.com/dongsheng/p/4384754.html） 起因： 前段時間，因為涉及到一張表的大數據操作，要同時
Java中static關鍵字用法總結
副本 大括號 跟著 rac clas main 靜態成員變量 abstract 全局變量 1. 靜態方法 通常，在一個類中定義一個方法為static，那就是說，無需本類的對象即可調用此方法 聲明為static的方法有以下幾條限制： · 它們僅能調用其他的sta
c/c++中const用法總結
沒有 pan 分配 值類型 變量初始化 _id 多少 部分 參數 1、修飾常量時： const int temp1; //temp1為常量，不可變 int const temp2; //temp2為常量，不可變 2、修飾指針時： 主要看const在*的前後，
box-shadow陰影詳解
多個 chrom color lur 表示 技術 com .com lac 每次使用box-shadow,都要查閱資料才能實現對應的效果,現在總結一下,方便以後查看。 使用語法： element{box-shadow: inset x-offset y-offset b
SVN switch 用法總結
完全 如果 jpg 進入 空間 簡單 src 控制 用法總結 一直知道SVN有個switch命令，但是對它的介紹教程卻很少，大多是生硬的svn幫助文檔裏的文字，從而一直不怎麽會用。今天看了這篇文章，突覺豁然開朗，整理下來以備查閱。 使用SVN，自然是需要與別人合作開發才能體
Java中instanceof關鍵字的用法總結
animal copy false 運算 erl 一個 strong 以及 繼承 instanceof是Java的一個二元操作符，和==，>，<是同一類東東。由於它是由字母組成的，所以也是Java的保留關鍵字。它的作用是測試它左邊的對象是否是它右邊的類的實例，