在CSS中创建带阴影的警报图标

Question

我正在尝试使用css创建以下图像....到目前为止，我已经googling一点http://jsfiddle.net/w9Zgc/后得到了这个，我想做出以下形状.. {{0 }}

有什么办法可以做到这一点......任何帮助都会受到赞赏..哦，我希望阴影就像这里的那个...... http://jsfiddle.net/w9Zgc/

Answer 1

所以我设法创建了一个在所有当前浏览器中呈现或多或少相同的图标。不幸的是，我不得不使用额外无用的span。

http://codepen.io/myajouri/full/nJDzl

三角形由两部分组成：

• 上部（三角形）部分是具有圆角的变形（倾斜和旋转）正方形。
• 三角形的底部是圆角矩形的底部。

两个部件在某些位置被切割和连接，形成具有圆角和阴影的三角形。