javascript - 用CSS3制作3D图像效果?

标签 javascript css mootools 3d

有什么方法可以使用 CSS3/Mootools 处理图像以创建 3D 效果?

清晰的 3D 效果就像您戴上带有红色和蓝色滤光片的眼镜以查看 3D 效果一样。不仅仅是盒子上的阴影之类的东西。

如果我有一张普通照片,我可以使用 CSS 或/和 Mootools 即时转换成 3D 效果吗?

最佳答案

您可能可以使用 box-shadowtext-shadow 在基本级别上实现这种效果。将文本涂成蓝色,将文本阴影涂成红色(且不模糊)。

然而,这只能在一定程度上起作用——有些事情您根本做不到。文本阴影应该能够非常有效地做到这一点,但框阴影只能在有限的情况下起作用。图像当然不可行(尽管我猜你总是可以提供已经存在颜色分割的图像),并且你必须限制自己有效地使用单色页面。

这也意味着在您编写 CSS 时手动计算整个事情。嗯....有趣。

关于javascript - 用CSS3制作3D图像效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7483487/

相关文章:

javascript - 在 Datatables 列标题中使用 Font Awesome 图标和文本

javascript - mootools 替换一个div的内容

javascript - 尝试在 IE 中使用 Javascript(Mootools) 获取 Base Url

javascript - Bootstrap 响应式布局中的 Ytplayer

javascript - 在一个 css 语句中设置通用 div 组的样式

javascript - 导入 Vue 组件

css - 碰撞时在另一个容器中制作一个 float div shift div

javascript - 如何显示您点击的当前元素的图像?

javascript - mootools 显示/隐藏 div 取决于是否选中复选框

javascript - Google Plus 和 Javascript - 选择圈子时禁用滚动?