O tem orodju
Ustvarite čudovite linearne in radialne prelive CSS z vizualnim urejevalnikom. Izberite barve, prilagodite postaje, spremenite smer ali kot in si oglejte posodobitev predogleda v živo v realnem času. Kopirajte ustvarjeno kodo CSS – vključno s predponami proizvajalca za starejše brskalnike – in jo prilepite neposredno v svojo tabelo s slogi.
Pogosta vprašanja
- Ali prelivi CSS delujejo v vseh brskalnikih?
- Sodobni prelivi CSS (linearni prelivi, radialni prelivi) so podprti v vseh trenutnih brskalnikih, vključno s Chrome, Firefox, Safari in Edge. Orodje lahko izbirno ustvari predpone -webkit- za starejše različice brskalnika.
- Ali lahko ustvarim večbarvne prelive?
- ja Dodajte toliko barvnih postaj, kot jih potrebujete. Prilagodite lahko tudi položaj vsakega postanka, da nadzirate, kje se barve mešajo. To omogoča zapletene prelive mavrice, sončnega zahoda ali blagovne znamke po meri.
- Kakšna je razlika med linearnimi in radialnimi prelivi?
- Linearni prelivi prehajajo barve vzdolž ravne črte (od zgoraj navzdol, od leve proti desni, diagonalno ali pod katerim koli kotom). Radialni prelivi prehajajo barve navzven od središčne točke v krožni ali eliptični obliki.
- Ali lahko uporabim preliv kot ozadje za besedilo?
- ja Uporabite background-clip: text z -webkit-text-fill-color: transparent, da na besedilo uporabite preliv. Ustvarjeni CSS zagotavlja definicijo preliva — združite ga s temi lastnostmi za prelivno besedilo.