Answers for "Diamond Cutout Images + CSS"

Whatever

0

Diamond Cutout Images + CSS

.diamond-img {
max-width: 100%;
margin-bottom: 2rem;
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
transition: 1s;
}

.diamond-img:hover {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
</style>

Posted by: Guest on May-01-2021

Source

Code answers related to "Diamond Cutout Images + CSS"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

C#