CSS-taustakuvio
CSS-taustakuvion työkalu
CSS-taustakuvioista
Luo puhtaasti CSS-pohjaisia toistuvia taustakuvioita ilman yhtään kuvatiedostoa. Valitse viidestä sisäänrakennetusta kuviotyypistä — pisteet, ruudukko, diagonaalinen, siksak ja aallot — valitse etu- ja taustaväri, aseta laatan koko ja työkalu tuottaa tarvittavat background-image / background-size -määrittelyt kuvion toistamiseksi.
Käyttöohje
1. Valitse kuvio avattavasta valikosta (pisteet, ruudukko, diagonaalinen, siksak, aallot). 2. Aseta etuväri (viivat tai pisteet) ja taustaväri värivalitsimilla. 3. Vedä kokos liukusäädintä (5–50px) vaihtaaksesi laatan välistystä. 4. Kopioi generoitu CSS, joka sisältää jo vaaditut background-color-, background-image- ja background-size-ominaisuudet.
Kuviotyypit
pisteet: radial-gradient-pisteet ruudukossa. ruudukko: ristissä olevat linear-gradientit muodostaen ruudukon. diagonaalinen: toistuva linear-gradient -raidat 45 asteen kulmassa. siksak: neljä kerrosta linear-gradient -muodostaen siksak-laatan. aallot: radial-gradient-kaarret toistettuina vaakasuunnassa. Koko ohjaa laatan ulottuvuuksia pikseleinä ja sovelletaan kuviokohtaisesti kuten lähdekoodissa on dokumentoitu.
▶Ovatko kuviot rasterikuvia?
▶Miksi kuvioni näyttää erilaiselta CSS:n liittämisen jälkeen?
▶Mikä on suurin laatan koko?
▶Voinko käyttää läpinäkyvyyttä väreissä?
Jos tämä työkalu on ollut sinulle hyödyllinen, harkitse kahvin ostamista.
Osta minulle kahvi