From the course: HTML: Images and Figures
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Special effects - HTML Tutorial
From the course: HTML: Images and Figures
Special effects
- [Instructor] You can use CSS to enhance your images with special effects. You may need to tweak the image you have in order to match the style of the webpage you're creating. Let me show you a few of these effects. This webpage has three images of eagle-themed art. I'd like to make these images a bit more interesting. Let's do this by adding a style attribute with the transform CSS property to rotate the images on the ends. The property value is rotate with a number of degrees in parentheses. A negative rotation is counter-clockwise and a positive rotation is clockwise. Other units you can use besides degrees are rad for radians and turn for a fractional or whole complete rotation. I'm going to rotate the image on lines 25 and 26, 20 degrees counter-clockwise by adding the style to transform with a rotation of negative 20 degrees. The image on the right will have a style that gives a transform to rotate 20 degrees clockwise. I'll save that, go into the browser, and refresh, and now…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.