m3u-magic-viewer / style.css
vmk1's picture
Make me a m3u channel viewer webapp. Player should be functional and the test link should be "https://iptv-org.github.io/iptv/languages/mal.m3u", starting volume is 30%.
9164723 verified
raw
history blame contribute delete
646 Bytes
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.2);
}
/* Channel item hover effect */
.channel-item:hover {
transform: translateX(4px);
transition: transform 0.2s ease;
}
/* Player overlay animation */
@keyframes pulse {
0% { opacity: 0.6; }
50% { opacity: 1; }
100% { opacity: 0.6; }
}
.player-pulse {
animation: pulse 2s infinite;
}