CSS绘画三角形

CSS绘画三角形本案例使用CSS绘画了一个三角形的图案。预览演示地址:https://tympanus.net/codrops-playground/SaraSoueidan/kFTn9yJk/editor将下面的代码复制到演示地址对应位置即可查看效果<!–HTML–><divclass="container"><divclass="eleme…

大家好,又见面了,我是你们的朋友全栈君。

本案例使用CSS绘画了一个三角形的图案。

预览演示地址:https://tympanus.net/codrops-playground/SaraSoueidan/kFTn9yJk/editor
将下面的代码复制到演示地址对应位置即可查看效果

<!--HTML-->
<div class="container">
  <div class="element"></div>
</div>
/*css*/
body { background-color: #F5F5F5; color: #555; font-size: 1.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.container { margin: 40px auto; max-width: 700px; }
.element { width: 0px; height: 0px; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom:100px solid #707070; }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/148745.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号