Viobub

*{ cursor:url("https://media.discordapp.net/attachments/1513539835279839263/1533277789921218590/pixel_star_xp.png?ex=6a709078&is=6a6f3ef8&hm=5f9ab73397db88261d17fa9d7c829401773e2dfba414d0857cac9afcfa579574&=&format=webp&quality=lossless") 12 12, auto; } a, button, img, .profile-action, .panel, .post-card{ transition:.35s; } a:hover, button:hover, img:hover, .profile-action:hover, .panel:hover, .post-card:hover{ filter: drop-shadow(0 0 6px #ff78d0) drop-shadow(0 0 14px #c8a2ff); transform:translateY(-2px) scale(1.02); } @keyframes floatSpace{ 0%{ transform:translateY(0px) rotate(0deg); } 50%{ transform:translateY(-12px) rotate(2deg); } 100%{ transform:translateY(0px) rotate(0deg); } } @keyframes spinSlow{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes glow{ 0%{ filter:drop-shadow(0 0 4px #ffb5e6); } 50%{ filter:drop-shadow(0 0 12px #ffffff); } 100%{ filter:drop-shadow(0 0 4px #ffb5e6); } } .planet{ position:fixed; pointer-events:none; z-index:999; animation: floatSpace 8s ease-in-out infinite, glow 4s ease-in-out infinite; } .p1{ left:4%; top:15%; width:150px; } .p2{ right:8%; top:8%; width:90px; } .cd{ position:fixed; left:80%; top:70%; width:75px; pointer-events:none; animation: spinSlow 18s linear infinite, floatSpace 6s ease-in-out infinite, glow 3s ease-in-out infinite; z-index:999; } .star{ position:fixed; pointer-events:none; animation: glow 2s ease-in-out infinite, floatSpace 5s ease-in-out infinite; } .s1{ left:12%; top:55%; width:30px; } .s2{ right:20%; top:22%; width:24px; } .s3{ right:8%; bottom:10%; width:34px; } body::after{ content:""; position:fixed; left:var(--mx); top:var(--my); width:18px; height:18px; border-radius:50%; background:radial-gradient(circle,#fff,#ff89d5,transparent); filter:blur(5px); pointer-events:none; transform:translate(-50%,-50%); opacity:.6; z-index:9999; } CSS: *{ cursor:url("https://media.discordapp.net/attachments/1513539835279839263/1533277789921218590/pixel_star_xp.png?ex=6a709078&is=6a6f3ef8&hm=5f9ab73397db88261d17fa9d7c829401773e2dfba414d0857cac9afcfa579574&=&format=webp&quality=lossless") 12 12, auto; } a, button, img, .profile-action, .panel, .post-card{ transition:.35s; } a:hover, button:hover, img:hover, .profile-action:hover, .panel:hover, .post-card:hover{ filter: drop-shadow(0 0 6px #ff78d0) drop-shadow(0 0 14px #c8a2ff); transform:translateY(-2px) scale(1.02); } @keyframes floatSpace{ 0%{ transform:translateY(0px) rotate(0deg); } 50%{ transform:translateY(-12px) rotate(2deg); } 100%{ transform:translateY(0px) rotate(0deg); } } @keyframes spinSlow{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes glow{ 0%{ filter:drop-shadow(0 0 4px #ffb5e6); } 50%{ filter:drop-shadow(0 0 12px #ffffff); } 100%{ filter:drop-shadow(0 0 4px #ffb5e6); } } .planet{ position:fixed; pointer-events:none; z-index:999; animation: floatSpace 8s ease-in-out infinite, glow 4s ease-in-out infinite; } .p1{ left:4%; top:15%; width:150px; } .p2{ right:8%; top:8%; width:90px; } .cd{ position:fixed; left:80%; top:70%; width:75px; pointer-events:none; animation: spinSlow 18s linear infinite, floatSpace 6s ease-in-out infinite, glow 3s ease-in-out infinite; z-index:999; } .star{ position:fixed; pointer-events:none; animation: glow 2s ease-in-out infinite, floatSpace 5s ease-in-out infinite; } .s1{ left:12%; top:55%; width:30px; } .s2{ right:20%; top:22%; width:24px; } .s3{ right:8%; bottom:10%; width:34px; } body::after{ content:""; position:fixed; left:var(--mx); top:var(--my); width:18px; height:18px; border-radius:50%; background:radial-gradient(circle,#fff,#ff89d5,transparent); filter:blur(5px); pointer-events:none; transform:translate(-50%,-50%); opacity:.6; z-index:9999; }