让一个div看起来好像底部的左右角落使用框阴影抬起页面一点？ [英] Make a div appear as though the bottom left and right corners are lifting off the page a little using box shadow?

问题描述

有没有人知道如何做这个教程，或有人有一个小例子吗？

Does anyone know of a tutorial on how to do this, or does anyone have a little example?

示例： http://hazelmade.com/projects。 html

推荐答案

这个没有图片的CSS阴影效果演示页面显示可以不使用图片。它依赖于CSS3支持，特别是 box-shadow 和 transform ，但这是从纯CSS解决方案。

The 'lifted corners' example on this CSS drop-shadows without images demo page shows it's possible without using images. It relies on CSS3 support, specifically box-shadow and transform but this is to be expected from a pure CSS solution.

此技术的完整详情可以是在Nicolas Gallagher的主要文章中找到。

Full details of the technique can be found in the main article by Nicolas Gallagher.

这篇关于让一个div看起来好像底部的左右角落使用框阴影抬起页面一点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！