CSS:创建凸起框效果的好方法是什么?

前端之家收集整理的这篇文章主要介绍了CSS:创建凸起框效果的好方法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
也就是说,元素的左边框和下边框需要给出弹出的3d效果.有没有一种好的,纯粹的CSS方式来实现这种效果

解决方法

我在尝试解决这个问题时发现了这个问题,我认为你所寻找的东西就像这个 http://jsfiddle.net/9Lt2477w/.
.raisedBox { 
    padding: 10px;
    border: 1px solid #77aaff;
    Box-shadow:  -1px 1px #77aaff,-2px 2px #77aaff,-3px 3px #77aaff,-4px 4px #77aaff,-5px 5px #77aaff;
}

感谢http://sam-morrow.com/playground/css-cubes.py的帮助.我没有意识到你可以继续在Box-shadow属性添加额外的行.

原文链接:https://www.f2er.com/css/215459.html

猜你在找的CSS相关文章