Stain texture
Hello! Here, I created this stain effect using a combination of multiple CSS properties.
It uses linear-gradient and radial-gradient as the background for the main metal/stain effect, border-radius, box-shadow, text-shadow and transition to create the :hover effect.
I have created three effects while the idea of this creation came from the original idea of simuraï, and I combined it with this creation and this one to create the shiny effect. You can take a quick look at the code below to understand how it works .