material box shadow

The Box-shadow property adds one or more shadows to the box. This CSS3 property is commonly used, such as box shadows, button states, and so on, but do you know and remember the function and usage of each parameter?ShowSource: Http://codepen.io/yisi/pen/sDBwCSyntax: Http://www.w3cplus.com/content/css3-

1. GrammarH-shadow V-shadow Blur spread color inset;1 2 3 4 5 8 9 Blue is the element box, the red is the shadow, you can see that Box-shadow just the original elements of the clone, plus other decorations, create a

Recommend a file to solve the CSS3 Border-radius and Box-shadow (two often used) 1.border-radius border Fillet Static page often requires a background is rounded corner, this time to use the following code, can be very good to solve the problem of low version incompatibility (File IE-CSS3.HTC is placed under the root directory) 2.box-

DOCTYPE HTML>HTMLLang= "en">Head> MetaCharSet= "UTF-8"> title>W3SCSS Box Modeltitle> is actually a div plus CSS style design some logical page - Linkrel= "stylesheet"href= "Tzy.css"type= "Text/css">Head>Bodystyle= "margin:0px">remove the outer border of the body -imgsrc= "Http://images.cnblogs.com/cnblogs_com/ttzzyy/1076163/o_8l7byyh7pd%[email protected]]2v8h.png"alt= "box model Picture">padding

Want to make a display only three sides of the shadow effect, on-line search did not solve the fundamental problem, and finally in the CSS3 demo inside find a method http://www.css88.com/tool/css3Preview/Box-Shadow.htmlI paste the code:box-shadow:2px 2px 5px #333333, -2px 2px 5px #333333;It's so simple ~There are no shadows on the top, and shadows on the other th

Some interesting changes to the css style box-shadow, built-in gif dynamic # {Height: 110px;Width: 110px;Margin: 50px;Background-color: # FF0000;Transition-duration: 1 s;}# A: hover {Height: 30px;Width: 30px;Margin: 50px;Box-shadow: 40px 40px 0px # FF0000, 0px 40px 0px 0px # FF0000, 40px 0px 0px # FF0000,80px 0px

Copy codeThe Code is as follows: $ (Function (){ $ ("# Open"). click (function (){ OpenDialog (a1); // call it. Simply write the div id. }); }); Var openDialog = function (o ){ Var dialog = new zzlDialog (o ); Dialog. open (); } Var zzlDialog = function (o ){ This. init = function (){ /* Initialize the dialog box */ Var XBox = '\ Shadow pop-up box \ '; $ (Docume

#a {height:110px;width:110px;margin:50px;Background-color: #FF0000;Transition-duration:1s;}#a: hover{height:30px;width:30px;margin:50px;box-shadow:40px 40px 0px 0px #FF0000, 0px 40px 0px 0px #FF0000, 40px 0px 0px 0px #FF0000,80px 0px 0px 0px #FF0000, 0px 80px 0px 0px #FF0000, 40px 80px 0px 0px #FF0000,80px 40px 0px 0px #FF0000, 80px 80px 0px 0px #FF0000}#s {height:10px;width:50px;margin:100px 50px;Backgroun

) { = folderbrowserdialog1.selectedpath; } }4.openfiledialog: Open FileUse a stream to apply a namespace:using System.IO; Private voidButton2_Click (Objectsender, EventArgs e) {Openfiledialog1.filter="text Files |*.txt";//Set Open FormatDialogResult dr=Openfiledialog1.showdialog (); if(dr = =DialogResult.OK) {Label1. Text= Openfiledialog1.filename;//Show file path nameStreamReader sr =NewStreamReader (Openfiledialog1.filename,encoding.default);//Preven