Question

hey, guys tell me answer of this question.....
give codes (only CSS3) for make a shadow button



give real answer​

Answer 1

Answer:

.button1 {

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.button2:hover {

box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

Explanation:

-from ABHI

Answer 2

TRY THIS ONE...

$<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #347c17; border: #ff0000 4px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);"><marquee scrolldelay="250"><b><u>Hello</u> </b></marquee><p style="color:cyan;font-family:cursive;background:black;font size:40px;"></p><p style="color:blue;font-family:cursive;background:pink;font-size:30px;">Good Morning</p>$

tex]<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #347c17; border: #ff0000 4px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);"><marquee scrolldelay="250"><b><u>Hello</u> </b></marquee><p style="color:cyan;font-family:cursive;background:black;font size:40px;"></p><p style="color:blue;font-family:cursive;background:pink;font-size:30px;">Good Morning</p>[/tex]