博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Css 图形
阅读量:4958 次
发布时间:2019-06-12

本文共 708 字,大约阅读时间需要 2 分钟。

 

The Shapes of CSS

CSS-Tricks Example

 

The Shapes of CSS

All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.

Square

 
 

Rectangle

 
 

Circle

 
 

Oval

 
 

Triangle Up

 
 

Triangle Down

 
 

Triangle Left

 
 

Triangle Right

 
 

Triangle Top Left

 
 

Triangle Top Right

 
 

Triangle Bottom Left

 
 

Triangle Bottom Right

 
 

Curved Tail Arrow

 
 

Trapezoid

 
 

Parallelogram

 
 

Trapezoid

 
 

Star (6-points)

 
 

Star (5-points)

 
 

Pentagon

 
 

Hexagon

 
 

Octagon

 
 

Heart

 
 

Infinity

 
 

Diamond Square

 
 

Diamond Shield

 
 

Diamond Narrow

 
 

Cut Diamond via Alexander Futekov

 
 

Egg

 
 

Pac-Man

 
 

Talk Bubble

 
 

12 Point Burst

 
 

8 Point Burst

 
 

Yin Yang via Alexander Futekov

 
 

Badge Ribbon

 
 

 

转载于:https://www.cnblogs.com/yoyogis/archive/2012/04/18/2455538.html

你可能感兴趣的文章
Binding object to winForm controller through VS2010 Designer(通过VS2010设计器将对象绑定到winForm控件上)...
查看>>
Spring Boot实战笔记(二)-- Spring常用配置(Scope、Spring EL和资源调用)
查看>>
第二章:webdriver 控制浏览器窗口大小
查看>>
【动态规划】流水作业调度问题与Johnson法则
查看>>
Python&Selenium&Unittest&BeautifuReport 自动化测试并生成HTML自动化测试报告
查看>>
活现被翻转生命
查看>>
POJ 1228
查看>>
SwaggerUI+SpringMVC——构建RestFul API的可视化界面
查看>>
springmvc怎么在启动时自己执行一个线程
查看>>
流操作的规律
查看>>
Python基础学习15--异常的分类与处理
查看>>
javascript运算符的优先级
查看>>
React + Redux 入门(一):抛开 React 学 Redux
查看>>
13位时间戳和时间格式化转换,工具类
查看>>
vue router-link子级返回父级页面
查看>>
C# 通知机制 IObserver<T> 和 IObservable<T>
查看>>
Code of Conduct by jsFoundation
查看>>
div 只显示两行超出部分隐藏
查看>>
C#小练习ⅲ
查看>>
电源防反接保护电路
查看>>