WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
कार्ड
107
kevekıbhack
संपादक में खोलें
अपना कोड प्रकाशित करें
क्या आपको एक वेबसाइट चाहिए?
अनुशंसित
20 June 2024
जूते कार्ड
14 October 2023
कार्ड डैशबोर्ड
30 September 2024
फ्लेक्स कार्ड
HTML
Copy
CARD
CARD
CARD
CSS
Copy
.card { width: 190px; height: 254px; background: #07182E; position: relative; display: flex; place-content: center; place-items: center; overflow: hidden; border-radius: 20px; } .card h2 { z-index: 1; color: white; font-size: 2em; } .card::before { content: ''; position: absolute; width: 100px; background-image: linear-gradient(180deg, rgb(0, 183, 255), rgb(255, 48, 255)); height: 130%; animation: rotBGimg 3s linear infinite; transition: all 0.2s linear; } @keyframes rotBGimg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .card::after { content: ''; position: absolute; background: #07182E; ; inset: 5px; border-radius: 15px; } /* .card:hover:before { background-image: linear-gradient(180deg, rgb(81, 255, 0), purple); animation: rotBGimg 3.5s linear infinite; } */
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */