More actions
Created page with "→CSS placed here will be applied to all skins: .hover-table td a img { transition: all 0.3s ease; padding: 5px; } .hover-table td a:hover img { transform: scale(1.05); box-shadow: 0 0 10px rgba(224, 200, 130, 0.7); border-radius: 5px; } .hover-table td a { transition: all 0.3s ease; } .hover-table td a:hover { color: #E0C882; →Optional: changes link color on hover: }" |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.hover-table td { | |||
.hover-table td | |||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
padding: 5px; | padding: 5px; /* Optional: keeps some spacing */ | ||
} | } | ||
.hover-table td | .hover-table td:hover { | ||
transform: scale(1.05); /* Scales the entire cell */ | |||
box-shadow: 0 0 10px rgba(224, 200, 130, 0.7); /* Glow around the cell */ | |||
border-radius: 5px; /* Rounds the cell corners */ | |||
background-color: rgba(224, 200, 130, 0.1); /* Optional: subtle background tint */ | |||
} | } | ||
.hover-table td | .hover-table td:hover a { | ||
color: #E0C882; /* Optional: changes link color on hover */ | color: #E0C882; /* Optional: still changes link color on hover */ | ||
} | } | ||
Revision as of 21:00, 25 March 2025
/* CSS placed here will be applied to all skins */
.hover-table td {
transition: all 0.3s ease;
padding: 5px; /* Optional: keeps some spacing */
}
.hover-table td:hover {
transform: scale(1.05); /* Scales the entire cell */
box-shadow: 0 0 10px rgba(224, 200, 130, 0.7); /* Glow around the cell */
border-radius: 5px; /* Rounds the cell corners */
background-color: rgba(224, 200, 130, 0.1); /* Optional: subtle background tint */
}
.hover-table td:hover a {
color: #E0C882; /* Optional: still changes link color on hover */
}