0
A
回答
1
如果边界半径似乎罚款给你,你可以调2种方式各个角落获得的形状相似:
更多信息请参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
下面的例子可能
h1 {
display: table;
margin: 0.1em auto;
font-size: 45px;
font-family: cursive;
text-transform: uppercase;
padding: 0.25em 0.5em;
background: #D71E19;
color: white;
/* below the values you want to tune to round and cut off corners */
border-radius: 0.75em 0.5em 0.65em 0.5em/25px 22px 100px 50px;
}
h1 + h1 {
/* borders or shadow will follow the shape edge */
margin-top:10px;
box-shadow:0 0 0 4px pink, 0 0 4px 3px black, inset 0 0 2px black;
text-shadow:1px 1px 2px gray, -1px -1px 2px #333;
}
<h1>Title experiment</h1>
<h1>shadow & border</h1>
相关问题
- 1. 不规则形状
- 2. Android onTouch不规则形状
- 3. 使用不规则形状的CSS圆形菜单
- 4. 不规则的矩形形状
- 5. PDF中的不规则形状区域
- 6. Android布局中的不规则形状
- 7. 在css中将div剪裁成不规则形状的方法
- 8. 避免重复放置不规则CSS形状上的阴影
- 9. CSS:如何创建敏感的不规则形状
- 10. 造型不规则形状的按钮
- 11. 不规则形状内的点
- 12. 不规则形状的DOM元素
- 13. 不规则的形状识别opencv
- 14. 形状不规则的UIBezierPath填充
- 15. 当新形状在加工时形成不规则形状
- 16. Cocos2d不规则形状精灵
- 17. 不规则形状碰撞检测
- 18. 以不规则形状裁剪图像
- 19. Opengl不规则形状颜色填充
- 20. 创建倾斜/不规则形状div
- 21. OpenCV不规则形状质心
- 22. 与图像碰撞(不规则形状)
- 23. 将矩形图像变形为不规则形状
- 24. 带有图形不规则形状的网格
- 25. 如何制作不规则形状精灵的矩形?
- 26. iPhone中的颜色不规则形状的路径sdk
- 27. 不规则形状的UIButton中的内存泄漏
- 28. 用css绘制不规则的形状(应该是响应式的)
- 29. 如何在不规则形状的框架中适合图像
- 30. 如何在C++中创建不规则形状的按钮?
使用'border-radius:25%;' –
我会创建一个SVG并将它用作'background-image' –