Image Rotation Tutorial #html #css by @nathan-games on 3Speak
This tutorial will explain how to rotate images. It's intended for beginners only. Hope it helps. Enjoy coding and have a great day y'all! @nathan-games howto coding tutorial html css imagerotation...
Tags: #nathan-games #coding #html #css #tutorial #howto #imagerotation
Welcome to another coding episode of Nathan Games, and today I am going to teach you how to transform your image by rotating it. Okay, so now, as you can see here, I am in index.html, so down here is the image ID art that we will rotate. Now let's go to style.css here, and you want to come here from, if you're on the top, you want to go all the way to the bottom here to find this. So here, I found the art here, hashtag art. Here, at the bottom, you want to write here, type here down, transform. rotate 360 degree. So now let's see how it looks like here, and on the website here, we go to index, click here, and now we're here, and we can see, this is the image that we're going to rotate. So let's go back to the... And now... We want with change it to 180 degrees. Save, make sure to save it, save it. Now go back to here, click on it twice, and you roll this, and now you can see the image is upside down. Seemagni he on. upside down. So, let's change, let's do it in a different way this time. Let's get rid of this, and now let's put 40 degrees. Save it, and now go back here, index, and get rid of this. And now, as you can see, it is sideways. Not fully, though. So now let's go here here. and let's turn it back to 360 degrees. And now let's go save it here. So now let's go back here to here, and now as you can see, it is normal, good as new, like it was. Here, you can experiment with it, you can change it however you want, you can have it upside down for fun, sideways, or right side up. So that's it for now. Thank you for watching, hope it was helpful. See you when I see you. Subscribe. Nathan Games out. Bye-bye.