Zlecenie polega na przygotowaniu CSS, pozwalającego na uzyskanie efektu Inverted Border Radius. CSS musi działać na blokach Kadence. Kluczowa jest efekt dostosowywał się do różnych rozdzielczości i rodzajów ekranu (był responsywny)
Wizualizacja: https://mywspieramy.org/freelancer/
Korzystając z serwisu Zleca.pl wyrażasz zgodę na stosowanie plików cookies. Dowiedz się więcej.
X
14.01.2024
Zapraszam: lukasz.mijala@gmail.com. Faktura bez vat.
1500 zł brutto
06.02.2024
(wysłane na email) Witam, przesyłam pracę na zlecenie. KOD: .kadence-block, .kadence-section, .kadence-image, .kadence-adv-text, .kadence-info-box { position: relative; overflow: hidden; } .kadence-block:before, .kadence-section:before, .kadence-image:before, .kadence-adv-text:before, .kadence-info-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%/0 0 30px 30px; box-shadow: 0 0 0 30px #ffffff; } @media screen and (max-width: 600px) { .kadence-block:before, .kadence-section:before, .kadence-image:before, .kadence-adv-text:before, .kadence-info-box:before { border-radius: 50%/0 0 20px 20px; box-shadow: 0 0 0 20px #ffffff; } } Koniec Ten kod CSS dodaje pseudoelement before do każdego bloku Kadence, tworząc efekt Inverted Border Radius. Wartości border-radius i box-shadow są dostosowane do różnych rozdzielczości ekranu za pomocą zapytania media. Możesz dostosować te wartości do swoich potrzeb. Pamiętaj, że kolor tła (#ffffff w tym przypadku) powinien odpowiadać kolorowi tła strony. Mam nadzieję, że to pomoże! Jeśli masz jakiekolwiek pytania lub potrzebujesz dalszej pomocy, daj mi znać!
500 zł brutto