In this blog, I am creating the transitions and transforms in image tags using HTML & CSS. So, Let’s create an index.html & style.css below-
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-29.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-30.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-31.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-32.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-33.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-34.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-35.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-36.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-37.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-38.png)
In this blog, I am creating the transitions and transforms in image tags using HTML & CSS. So, Let’s create an index.html & style.css below-
A pseudo-class is used to define a special state of an element.
selector:pseudo-class { property:value; }
Ex: –
div:hover { background-color: red;}
When you use the “<a>” tag on your HTML page then show text color automatic blue & underline. If you want to implement in your tag using CSS then implement the below property-
Ex:-
a:link {
color: red;
}