【问题标题】:CSS transform like netflix cover image [duplicate]像netflix封面图像一样的CSS变换[重复]
【发布时间】:2019-11-30 10:41:22
【问题描述】:

我试图从netflix:background-image 转换一个看起来像这个图像的图像

transform: rotateY(-30deg) rotateX(30deg);
perspective: 800px;
transform-origin: 50% 0;

但还是少了点什么……

【问题讨论】:

  • @slhck 不抱歉。不知道结合旋转和其他方式变换图片
  • 什么意思,你不知道组合?其他问题的方法你试过了吗?
  • 是的,我试过了。不需要更短的代码版本。我不知道如何转换一张看起来像 netflix 的图片。
  • 透视父元素或变换内部
  • @temani-afif,天哪!太好了:)

标签: css image transform netflix


【解决方案1】:

我认为这大约是您正在寻找的,rotate3d() css 函数:

transform: rotate3d(1, 1, 1, 35deg);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-07
    • 2018-12-17
    • 2018-06-08
    相关资源
    最近更新 更多