In this blog, I am creating Different ways to write animation, transitions, and transforms in button 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-20.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-21.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-22.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-23.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-24.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-25.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-26.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-28.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-27.png)
Latest posts by rajeshkumar (see all)
In this blog, I am creating Different ways to write animation, transitions, and transforms in button tags using HTML & CSS. So, Let’s create an index.html & style.css below-