css 文字倒影效果

最新推荐文章于 2024-04-29 11:51:46 发布

Fish北冥

最新推荐文章于 2024-04-29 11:51:46 发布

阅读量1.2k

点赞数 1

分类专栏： CSS 文章标签： css html

本文链接：https://blog.csdn.net/qq_42400124/article/details/116018441

版权

CSS 专栏收录该内容

21 篇文章 2 订阅

订阅专栏

文字倒影效果

文字倒影效果
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);
	}