Hacker News: nowoczesny wygląd karty
Nadaje stronie zaokrąglone rogi, delikatny cień i podświetlenie wiersza pod kursorem, by wyglądała nowocześniej.
Kod do skopiowania
/* Give the page a softer, modern card-like look */
html, body {
background: #eef0f3 !important;
}
#hnmain {
border-radius: 10px !important;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
margin-top: 14px !important;
}
.athing:hover {
background: rgba(255, 102, 0, 0.06) !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.