lewo - Kurs HTML i CSS
Tekst CSS / Cień pod tekstem {text-shadow}...określają własności cienia (wartości "rozmycie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie - jeśli go nie podamy, przyjmie kolor taki, jak sam element) Wartości "poziom", "pion" oraz "rozmycie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż...
- Oprawa graficzna / "Duszki" CSS
...wyróżnika obrazkowego - jeden pod drugim. Kolejne grafiki wyróżników trzeba ustawiać przy prawej krawędzi arkusza, posuwając się dalej w lewo do dołu. Warto nadmienić, że w celu oszczędności miejsca na arkuszu, nic nie stoi na przeszkodzie, aby inne ikony wstawiać z lewej powyżej skośnej linii, utworzonej na arkuszu przez punkty wykazu. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: 14px; font-size: 12px; } ul li { margin: 2px 0...
Galeria zdjęć HTML / Skrypt galerii zdjęć...uwagę, że po otworzeniu powiększenia możesz nawigować pomiędzy kolejnymi zdjęciami z galerii również za pomocą klawiatury - klawiszami strzałki w lewo (poprzednie zdjęcie) i w prawo (następne zdjęcie). Ponadto możesz zamknąć powiększenie przy pomocy klawisza Escape. Natomiast na urządzeniach z ekranem dotykowym można dodatkowo przewijać zdjęcia na boki. Dodatkową zaletą skryptu galerii zdjęć jest automatyczne wczytywanie w tle od razu poprzedniego i następnego zdjęcia z galerii. Dzięki...
Formularze HTML / Pole tekstowe <input "text">...polu tekst dłuższy niż 10 znaków, nadal będzie mógł to zrobić. W takim przypadku w miarę wpisywania tekstu zawartość pola będzie się przesuwać w lewo.
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...📷 📸 Aparat fotograficzny z lampą błyskową 📸 📹 Kamera wideo 📹 📼 Kaseta wideo 📼 🔍 Wskazująca w lewo lupa (szkło powiększające) 🔍 🔎 Wskazująca w prawo lupa (szkło powiększające) 🔎 🕯 Świeca 🕯 💡 Żarówka elektryczna 💡 🔦 Latarka elektryczna 🔦 🏮 Lampion izakaya 🏮 🪔 Lampa dipa 🪔 Książki 📔 Notatnik z ozdobną okładką 📔 📕 Zamknięta książka 📕...
- Ikony (symbole) / Społecznościowe
...fluid_med Otwarta syrena siren_open siren_open Pytanie o syrenę siren_question siren_question Lista czaszek skull_list skull_list Twarz w lewo face_left face_left Twarz w górę face_up face_up Źródło: Material Symbols and Icons - Google Fonts
- Ikony (symbole) / Android
...wyłączone media_bluetooth_off media_bluetooth_off Timer 3 wybór timer_3_select timer_3_select E Mobiledata e_mobiledata e_mobiledata Dock na lewo dock_to_left dock_to_left H Mobiledata h_mobiledata h_mobiledata Pobliskie wyłączone nearby_off nearby_off R Mobiledata r_mobiledata r_mobiledata H Plus Mobiledata h_plus_mobiledata h_plus_mobiledata Nagrywanie ekranu screen_record screen_record Ekran podwójny dual_screen dual_screen Powiadomienie o jasności brightness_alert...
- Obramowanie CSS / Cień {box-shadow}
...cienia (wartości "rozmycie", "rozprzestrzenienie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) rozprzestrzenienie - określa odległość na jaką cień wychodzi spod krawędzi elementu, a dla wartości ujemnych chowają cień pod elementem (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie - jeśli go nie podamy...