Shulou(Shulou.com)05/31 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.