How to set shadows for button in css
This article is a detailed introduction to "how to set shadows for buttons in css". The content is detailed, the steps are clear, and the details are properly handled. I hope this article "how to set shadows for buttons in css" can help you solve your doubts. Let's go deeper and learn new knowledge together with the ideas of Xiaobian.
css3 Make a button with shadow
Mouse forward and backward effect comparison:
!- html code-
input class=' but ' type=' button ' value=' confirm '/!- CSS code-
styletype='text/css '。But {
border:0pxgrooveorange
box-shadow :5 px6px 10px # 000;
margin-left :160 px;
border-radius :10 px;
background: # 034c92
Color: white;
Width:250px
height:40px
font-size :20 px;
}
But: hover{
box-shadow :8 px10px 10px # 000;
Background # 005DF9
}
Read here, this article "how to set shadow for button in css" article has been introduced, want to master the knowledge point of this article also need to practice to understand, if you want to know more related content of the article, welcome to pay attention to the industry information channel.
