html - 拖放区的视觉 HTML5 效果不错?

标签 html css drag-and-drop

我已经实现了一个具有基于 html5 的拖放上传功能的 Web 应用程序。

现在我正在寻找一个很好的效果来作为拖放邀请,向用户展示她可以将拖动的文件拖放到哪里。

我看到了一些降低不透明度的示例,但由于我使用的是 HTML5 和 CSS3,应该可以实现更好的效果。

我看过http://css-plus.com/2012/03/gaussian-blur/但这仅适用于图像...

编辑: 更具体地说: 整个应用程序是基于 ExtJS 的,拖放区是一个网格。 我可以在网格上形成一个很好的模糊效果(如给定链接所示)...

有什么建议吗?

提前致谢, 萨沙。

最佳答案

您可以使用 CSS3 过滤器:参见 http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/用于演示。

只需将:-webkit-filter: blur(3px); 应用到您的 CSS。根据需要提供供应商前缀。只知道兼容性不是很好:http://caniuse.com/#feat=css-filters

关于html - 拖放区的视觉 HTML5 效果不错?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15881529/

相关文章:

html - 未应用背景时,边框半径不起作用

html - CSS 下拉菜单与内容对齐

html - 如何使 Bootstrap Carousel 中的图像响应?

android - WebView:根据 Android API 版本不同的 css 解释

delphi - 如何从 shell 中拖放文件?

.net - 各种剪贴板/拖放格式是什么意思?

javascript - 拖放后改变高度

javascript - 我可以在 javascript 图像轮播加载 36 张图像时显示加载指示器吗?

jquery - 如何使用CSS在中心并排对齐5个div?

jquery - 如何使用键盘通过 <ul> <li> 元素导航