最全CSS图形制作
2017-09-05 16:26
411 查看
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 Arrowvia Ando Razafimandimby
Trapezoid
Parallelogram
Star (6-points)
Star (5-points)via Kit MacAllister
Pentagon
Hexagon
Octagon
Heartvia Nicolas Gallagher
Infinityvia Nicolas Gallagher
Diamond Squarevia Joseph Silber
Diamond Shieldvia Joseph Silber
Diamond Narrowvia Joseph Silber
Cut Diamondvia Alexander Futekov
Egg
Pac-Man
Talk Bubble
12 Point Burstvia Alan Johnson
8 Point Burstvia Alan Johnson
Yin Yangvia Alexander Futekov
Badge Ribbonvia Catalin Rosu
Space Invadervia Vlad Zinculescu
TV Screen
Chevronvia Anthony Ticknor
Magnifying Glass
Facebook Iconvia Nathan Swartz
Moonvia Omid Rasouli
Flagvia Zoe Rooney
Conevia Omid Rasouli
Crossvia Kaya Basharan
Base
相关文章推荐
- 纯CSS制作各种图形
- CSS制作图形速查表
- CSS完成各种图形的制作
- 纯CSS制作简单几何图形
- 纯CSS制作各种图形
- 利用css的border样式制作图形
- 纯CSS制作的图形效果
- 【01】CSS制作的图形
- CSS制作图形速查表
- CSS制作图形变形弹出效果的示例分享
- CSS制作的32种图形效果[梯形|三角|椭圆|平行四边形|菱形|四分之一圆|旗帜]
- css 巧用border属性制作各种图形(矩形,梯形,三角形)
- [DIV/CSS] 纯CSS制作各种图形(多图预警)
- 纯CSS制作各种图形
- CSS制作的32种图形效果[梯形|三角|椭圆|平行四边形|菱形|四分之一圆|旗帜]
- 纯CSS制作的图形效果
- css制作如平行四边形等图形中角度的角度控制
- css制作的各种图形
- WPF学习10:基于MVVM Light 制作图形编辑工具(1)
- css绘制特殊图形,meida查询,display inline-box间隙问题以及calc()函数