- <style type="text/CSS">
- img {
- width: 100px;
- height: 100px;
- vertical-align: bottom;
- }
- .out-shadow {
- margin-right:10px;
- padding:5px;
- border:1px solid #ccc;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
- -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
- box-shadow: 0 0 5px rgba(0,0,0,0.2);
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -ms-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- transition:all 0.3s ease;
- }
- .out-shadow:hover {
- border:1px solid rgba(82, 168, 236, 0.6);
- -webkit-box-shadow:0 0 11px rgba(82, 168, 236, 0.6);
- -moz-box-shadow: 0 0 11px rgba(82, 168, 236, 0.6);
- box-shadow: 0 0 11px rgba(82, 168, 236, 0.6);
- }
- </style>
- //该片段来自于http://www.codesnippet.cn/detail/100420132786.html
来源: http://www.codesnippet.cn/detail/100420132786.html