<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒影</title>
<style type="text/css">
.redDiv{
width: 200px;
height: 200px;
background-color: red;
color: white;
text-align: center;
font-size: 50px;
/*倒影
第一个值可以给方向
第二个值实体和倒影的间距*/
-webkit-box-reflect: below 5px linear-gradient(transparent 20px,green 100px);
}
</style>
</head>
<body>
<div class="redDiv">倒影</div>
</body>
</html>
倒影
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- ps动画制作、图片倒影、立体倒影以及投影制作 一、ps动画制作 原理:将几张图片组合在一起,在时间轴,帧动画中制作...
- 我们知道,很多好看的倒影风景照片都出现在单反风景大片里 那么手机怎拍倒影呢? 我们几个朋友出游,朋友给我看了他用手...