CSS for Flip box with Slide up .services-box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .flip-box { background-color: transparent; width: 300px; height:

List of Gradient Background CSS Generator website as follows https://mycolor.space/gradientyou can set directions for gradient also support the 3 color options in gradient.you get ready

3D Card With Hover Effect only using HTML & CSS reference 3D card Display with Hover Effect 3D Card Design with Hover Effect Output: 3D