Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
01/20/2018- V.1
Recent CodeBins
View All CodeBins
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
/*------------------------------------ Box-shadows-v6 ------------------------------------*/ .u-shadow-v6 { box-shadow: 0 8px 6px -6px #555; } /*------------------------------------ Box-shadows-v7 ------------------------------------*/ .u-shadow-v7 { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v8 ------------------------------------*/ .u-shadow-v8 { box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05); } .u-shadow-v8--hover:hover { box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05); } .u-shadow-v8-1 { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } /*------------------------------------ Box-shadows-v9 ------------------------------------*/ .u-shadow-v9 { box-shadow: 1px 1px 1px #eee; } /*------------------------------------ Box-shadows-v10 ------------------------------------*/ .u-shadow-v10 { box-shadow: 2px 2px 2px #eee; } /*------------------------------------ Box-shadows-v11 ------------------------------------*/ .u-shadow-v11 { box-shadow: 0 0 2px #ccc; } /*------------------------------------ Box-shadows-v12 ------------------------------------*/ .u-shadow-v12 { box-shadow: inset 2px 2px 2px 0 #ccc; } /*------------------------------------ Box-shadows-v13 ------------------------------------*/ .u-shadow-v13 { box-shadow: inset 2px 2px 2px 0 #72c02c; } /*------------------------------------ Box-shadows-v14 ------------------------------------*/ .u-shadow-v14 { box-shadow: 2px 2px 2px 0 #eee; } /*------------------------------------ Box-shadows-v15 ------------------------------------*/ .u-shadow-v15 { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3); } /*------------------------------------ Box-shadows-v16 ------------------------------------*/ .u-shadow-v16 { box-shadow: inset 5px 5px 5px 0 rgba(17, 17, 17, 0.5); } /*------------------------------------ Box-shadows-v17 ------------------------------------*/ .u-shadow-v17 { box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, 0.17); } /*------------------------------------ Box-shadows-v18 ------------------------------------*/ .u-shadow-v18 { box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15); } /*------------------------------------ Box-shadows-v19 ------------------------------------*/ .u-shadow-v19 { box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v20 ------------------------------------*/ .u-shadow-v20 { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); } .u-shadow-v20--hover:hover { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); } /*------------------------------------ Box-shadows-v21 ------------------------------------*/ .u-shadow-v21 { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09); transition-property: all; transition-timing-function: ease; transition-delay: 0s; transition-duration: .3s; } .u-shadow-v21--hover:hover { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15); } /*------------------------------------ Box-shadows-v22 ------------------------------------*/ .u-shadow-v22 { box-shadow: 0 2px 5px #eee; } /*------------------------------------ Box-shadows-v23 ------------------------------------*/ .u-shadow-v23 { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v24 ------------------------------------*/ .u-shadow-v24 { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } .g-parent.active .u-shadow-v24--active { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } /*------------------------------------ Box-shadows-v25 ------------------------------------*/ .u-shadow-v25 { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07); } /*------------------------------------ Box-shadows-v26 ------------------------------------*/ .u-shadow-v26 { box-shadow: inset 5px 0 10px rgba(0, 0, 0, 0.2); } /*------------------------------------ Box-shadows-v27 ------------------------------------*/ .u-shadow-v27 { box-shadow: 0 0 3px #b5b5b5; } /*------------------------------------ Box-shadows-v28 ------------------------------------*/ .u-shadow-v28 { box-shadow: 0 10px 45px -5px rgba(0, 0, 0, 0.04); } /*------------------------------------ Box-shadows-v29 ------------------------------------*/ .u-shadow-v29 { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v30 ------------------------------------*/ .u-shadow-v30 { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } /*------------------------------------ Box-shadows-v31 ------------------------------------*/ .u-shadow-v31 { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.075); } /*------------------------------------ Box-shadows-v32 ------------------------------------*/ .u-shadow-v32 { box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v33 ------------------------------------*/ .u-shadow-v33 { box-shadow: 0 6px 15px -6px rgba(114, 192, 44, 0.3); } /*------------------------------------ Box-shadows-v34 ------------------------------------*/ .u-shadow-v34 { box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v35 ------------------------------------*/ .u-shadow-v35 { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045); } .u-shadow-v35--active.active { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045); transition-duration: .2s; } .u-shadow-v35.g-bg-teal-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(24, 186, 155, 0.175); } .u-shadow-v35.g-bg-purple-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(154, 105, 203, 0.175); } .u-shadow-v35.g-bg-blue-opacity-0_1 { box-shadow: 0 4px 7px 0 rgba(51, 152, 220, 0.175); } /*------------------------------------ Box-shadows-v36 ------------------------------------*/ .u-shadow-v36 { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14); } /*------------------------------------ Box-shadows-v37 ------------------------------------*/ .u-shadow-v37 { box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7); } .u-shadow-v37--hover:hover { box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7); transition-duration: .2s; } /*------------------------------------ Box-shadows-v38 ------------------------------------*/ .u-shadow-v38 { box-shadow: 0 2px 35px 0 rgba(235, 237, 242, 0.7); } /*------------------------------------ Box-shadows-v39 ------------------------------------*/ .u-shadow-v39 { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); } /*------------------------------------ Box-shadows-v40 ------------------------------------*/ .u-shadow-v40 { box-shadow: -9px -9px 20px -9px rgba(0, 0, 0, 0.1); }
Setting
Validate
Copy
Format
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):