css 文字倒影效果

文字倒影效果

css样式

h2{margin: 0;padding: 0;font-size: 100px;text-align: center;color: #f00;text-shadow: 5px 5px 5px #999999;-webkit-box-reflect: below 0px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.05) 70%,rgba(250,250,250,0.3));box-reflect: below 0px linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.05) 70%,rgba(250,250,250,0.3));-webkit-transform: skewX(15deg);-moz-transform: skewX(-15deg);transform: skewX(-15deg);}