[css] 用css画一个五边形和一个六边形
[css] 用css画一个五边形和一个六边形
五边形:clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
六边形:clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
七边形:clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
[css] 用css画一个五边形和一个六边形相关推荐
- 第9天 用css画一个五边形和一个六边形
五边形: clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); 六边形: clip-path: polygon(50% 0 ...
- php绘制一个三角形,如何利用css或html5画出一个三角形?两种不同的制作三角形方法(代码实例)...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
- [css] 用css画一个太阳
[css] 用css画一个太阳 // css.sun {margin: 200px;width: 200px;height: 200px;border-radius: 50%;background: ...
- [css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法
[css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法 先画一个圆,外加两个绝对定位的半圆 扇形可以通过两个半圆作为遮罩旋转来露出相应的角度实现 这只能切出180°以内的扇形 超过180°的 ...
- [css] 使用css画出一个五角星
[css] 使用css画出一个五角星 #star-five {margin: 50px 0;position: absolute;display: block;color: red;width: 0; ...
- [css] 使用css3画一个扇形
[css] 使用css3画一个扇形 四个半圆叠加,过半调整 z-index .container { width: 200px; height: 200px; position: relative; ...
- [css] 用css3画出一个立体魔方
[css] 用css3画出一个立体魔方 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
- [css] 用css画出一个圆圈,里面有个对号
[css] 用css画出一个圆圈,里面有个对号 #right {width: 150px;height: 150px;margin: 100px auto;border-radius: 50%;bor ...
- h5画三角形_如何利用css或html5画出一个三角形?两种不同的制作三角形方法(代码实例)...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
最新文章
- 软件外包故事 - 加入团队战斗
- java toolkit invoker_有没有哪位老哥愿意帮一下新人啊
- 【dfs】数独游戏(ybtoj dfs-1-2)
- python 会增加内存吗,Python+不断增加的内存分配
- 计算出你和另一个人的关系,准的邪门了!
- android获取系统当前年月日时分秒的时间
- 超级计算机预测2月有雪寒潮,干寒潮后,雪寒潮还要来?超级计算机:不确定性很大,需密切观察...
- ROS入门-6.ROS 命令行工具的使用
- 用php写圣诞祝福页面,圣诞祝福文案 抖音圣诞节一句话祝福
- C#WinForm开发在选项卡tab中集成加载多个窗体,通过选项卡切换窗体(超详细讲解)
- Mybatis-学习笔记(7)缓存机制
- vb mysql 5.1 adodb_VB 中 ADO、 ADODB、 ADODC 的区别与联系(皮毛)
- MATLAB简单入门
- 爬虫-漫画喵的100行逆袭
- matlab自动变量名,matlab中如何自动给变量命名?
- 第二个Flash小游戏制作(打飞机)
- 华三交换机配置access命令_h3c交换机配置命令
- ftp登录shell为nologin无法登录
- 分享一款精美的后台模板
- 大数据系列教程001-初识大数据