I tried to transform an image that it looks like this image from netflix: background-image
transform: rotateY(-30deg) rotateX(30deg);
perspective: 800px;
transform-origin: 50% 0;
But there is something missing ...
Asked
Active
Viewed 552 times
0
Jonas Taedcke
- 70
- 8
-
@slhck No sorry. I don't know the combination of rotation and other ways to transform the image – Jonas Taedcke Jul 22 '19 at 12:48
-
What do you mean, you don't know the combination? Have you tried the methods shown in the other question? – slhck Jul 22 '19 at 12:51
-
Yes i tried them. There is no need of a shorter code version. I don't know how to transform an image that it looks like the netflix one. – Jonas Taedcke Jul 22 '19 at 12:53
-
1perspective on the parent element OR inside the transform – Temani Afif Jul 22 '19 at 12:53
-
@temani-afif, oh dear! That's great :) – Jonas Taedcke Jul 22 '19 at 12:55
-
Your initial question only used X and Y coordinates, so I wasn't sure you knew about 3D rotations… – slhck Jul 22 '19 at 12:59
-
@slhck we explicitely rotate around X and Y to create 3D rotations. The rotation on Z will do no 3D effect – Temani Afif Jul 22 '19 at 13:16
1 Answers
-1
I think this is approximately what you're looking for, rotate3d() css function :
transform: rotate3d(1, 1, 1, 35deg);
Félix
- 388
- 1
- 9