特效文字

HTML

<div class='normal'> 本实例演示毛玻璃效果。 </div>
					    

CSS

.normal {
    width: 300px;
    height: 200px;
    border: 1px solid;
    border-radius:4px;
    padding:6px;
    box-shadow: 2px 2px 2px 2px #ccc;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    font-size: 30px;
    color: rgba(0,0,0,0.1);
    text-shadow: 0 0 10px black;
}