其他分享
首页 > 其他分享> > 发光输入框

发光输入框

作者:互联网

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>发光输入框</title>
<style type="text/css">
input{width: 280px;height: 30px;}
textarea{width: 280px;height: 80px;}
input{
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;

outline: none;
padding: 3px 0 3px 3px;
margin: 5px 1px 3px 0;
border: #ddd 1px solid;
}

input:focus{
box-shadow: 0 0 5px rgba(216,76,41,1);
border: rgba(216,76,41,1) 1px solid;
}
</style>
</head>
<body>

<input type="text" name="" id="" value="" />

</body>
</html>

标签:3px,ease,transition,0.30,输入框,发光,input,out
来源: https://www.cnblogs.com/1024L/p/15357526.html