CoderslangJS

Let’s practice with 2d transforming an element This task is part of the Full-Stack JavaScript Course If you have any issues with it, you can ask for community help below the post...

Let’s make a cube of three squares. In our projection, the top side of the cube will be visible to us and it will be rotated 45 degrees. Let’s get to work!...

Now let’s move on to the left side. First, rotate it 15 degrees clockwise. Then we will distort the same by 15 degrees. Now it remains to put it in place - along the horizontal axis, it should be shifted by half its width....

The right side should be mirrored to the left. So we’ll first rotate it 15 degrees counterclockwise. We will also distort it by 15 degrees, but only in a different direction....

The index.html file has two buttons: # left and # right. When the #left button is pressed, the .box element must rotate 30 degrees counterclockwise. When the #right button is pressed, the ....

Let’s build a full-fledged 3D cube Do not change already added styles, add all new styles only to existing classes. First of all, turn all the necessary sides to the desired angle....

After the sides are turned, we only see the front of the cube. Well, the back, thanks to the transparency of the background. To make all the sides visible, we need to add a perspective with a depth of 400px....

Let’s rotate our cube a little so that the inscriptions do not merge. The cube will be rotated around the X axis by -5 degrees. Do not forget that all other elements that we have transformed must remain in their 3D space....

Let’s write a script and transformations that will open the window. When clicking on the button of an element with the class .blind, you need to add the class .opened....

Hovering over any item in the Netflix shows list should cause transition: the value of the margin-left property should become -300px; the value of the font-size property should be 32px....