In this blog, I am creating creative a border card hover effect with a background translation using HTML & CSS. So, Let’s create an index.html & style.css below-
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-49.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-50.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-51.png)
In this blog, I am creating creative a border card hover effect with a background translation using HTML & CSS. So, Let’s create an index.html & style.css below-