You've already forked AstralRinth
forked from didirus/AstralRinth
37 lines
791 B
SCSS
37 lines
791 B
SCSS
// [AR] Feature
|
|
.neon-icon {
|
|
background-color: transparent;
|
|
color: #3e8cde;
|
|
text-shadow:
|
|
0 0 4px rgba(79, 173, 255, 0.5),
|
|
0 0 8px rgba(14, 98, 204, 0.5),
|
|
0 0 12px rgba(122, 31, 199, 0.5);
|
|
transition: transform 0.25s ease, color 0.25s ease, text-shadow 0.25s ease;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Hover */
|
|
.neon-icon:hover {
|
|
color: #10fae5;
|
|
transform: scale(1.05);
|
|
text-shadow:
|
|
0 0 2px rgba(16, 250, 229, 0.4),
|
|
0 0 4px rgba(16, 250, 229, 0.25);
|
|
}
|
|
|
|
.neon-icon.pulse {
|
|
position: relative;
|
|
animation: neon-pulse 1s ease-in-out infinite;
|
|
filter: drop-shadow(0 0 6px #10fae5);
|
|
box-shadow: none;
|
|
}
|
|
|
|
@keyframes neon-pulse {
|
|
0%, 100% {
|
|
filter: drop-shadow(0 0 4px #10fae5);
|
|
}
|
|
50% {
|
|
filter: drop-shadow(0 0 12px #10fae5);
|
|
}
|
|
} |