你能在 webkit 框反射上进行 webkit css 转换吗?
就像如何将 -webkit-gradient 添加到 -webkit-box-reflect 一样,您可以对反射执行转换吗?我反射的图像呈一定角度,我想尝试旋转反射或稍微倾斜它,使其与反射图像的底部相匹配。
Much like how you can add -webkit-gradient to a -webkit-box-reflect, can you perform a transformation on the reflection? The image I am reflecting is at an angle and I wanted to try and rotate the reflection or skew it slightly to make it match the bottom of the image its reflecting.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您不能直接变换反射。
但是,您可以通过将图像的副本放入溢出:隐藏的 div 中来破解此效果,并将图像绝对定位在 div 内以隐藏图像本身,然后您可以适当倾斜/旋转它,并使用原始图像下方的新旋转/倾斜阴影。这纯粹是黑客行为——但它确实能让你得到你想要的......
You can't directly transform a reflection.
However, you can hack this effect by putting a copy of the image into a div with overflow:hidden, and absolutely positioning the image within the div to hide the image itself, then you can skew/rotate it appropriately, and position the div with the new rotated/skewed shadow below the original image. This is sheer hackery - but it does get you what you want...