Karty cenowe

Opracowany responsywny blok porównania taryf z interaktywnymi efektami hover dla strony docelowej lub usługi SaaS. Zrealizowana funkcjonalność:

Cztery karty taryf (Enterprise, Professional, Standart, Basic) w poziomym rzędzie na Flexbox / CSS Grid
Unikalny kolorowy pasek akcentowy na górze każdej karty i odpowiadający kolor przycisku KUP — system kolorów zrealizowany za pomocą klas CSS lub zmiennych (różowy, złoty, ciemnoniebieski, zielony)
Duża typografia ceny z podpisem per month — hierarchia przez rozmiary czcionki i kolor
Lista cech planu z wyróżnieniem pogrubionym kluczowego punktu (Unlimited subdomains)
CSS hover-animacja skalowania karty (transform: scale() + transition) — płynne powiększenie przy najechaniu bez JavaScript
Cienie na kartach (box-shadow) dla stworzenia efektu uniesienia nad tłem
Zaokrąglone krawędzie kart i przycisków (border-radius)