wykończenia wnętrz

Obrys wskazuje miejsce, w którym jest kursor

Łuk 90° w akcencie, resztę okręgu wypełnia tor. Koniec łuku idzie dokładnie za myszą, bez wygładzania. Zjedź kursorem po krawędziach karty.

Obrys to jedno tło, nie obramowanie. Karta ma border:3px solid transparent, a pod nią leżą dwa tła: kolor karty obcięty do padding-box i stożek obcięty do border-box. Stożek widać więc dokładnie w tych trzech pikselach ramki, razem z zaokrągleniem narożników.

Bez zapytania o hover. Reguła nie jest schowana za @media (hover:hover), bo Twój Chrome zgłasza hover:none, więc taki warunek wygasiłby efekt u Ciebie.

Na telefonie łuk stoi w prawym górnym narożniku: palec nie ma kąta, a sam obrys ma dalej robotę do wykonania, bo oddziela kartę od tła.

ta sama mechanika, skóra jasna BAU

Zmienia się tylko akcent i kolor toru

Wymiary, łuk i prawo kąta są identyczne. U nich każda karta miała inny kolor łuku; u nas jeden akcent na całą stronę, bo trzy kolory naraz to już nie akcent.