background: linear-gradient(to right, #1c4b4f, #350813);
Preview 1
Preview 2
.frosted-glass {
backdrop-filter: blur(6px) saturate(109%);
-webkit-backdrop-filter: blur(6px) saturate(109%);
background-color: #ffffffCC; // color with opacity -> (CC = 80%)
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to top right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-size: cover;
background-repeat: no-repeat;
}
The best backgrounds used ⭐
Custom 3d backgrounds ready to use.
Here, you find a diverse collection of backgrounds ready to be used in your front-end interfaces. From smooth gradients to stunning images, our library offers a variety of options to bring your screens to life and provide elegant visual experiences. Explore our selection and instantly transform the look of your projects with ease and style.