Olemme tarkistaneet muutama CSS-koodigeneraattori ennen kuin Layer Styles ja ThemeShock CSS Drop Shadow Generator. Molemmat ovat erinomaisia, mutta rajallisia, koska ne tuottavat koodin vain yhdelle efektille. CSS3.0 Maker on automaattinen CSS-koodigeneraattori, joka tuottaakoodi reunukselle, tekstivarjolle, ruudun varjolle, äärivaihetehosteille ja vino, skaalata tai kiertää elementtiä. Voit työskennellä useiden CSS-tiedostojen kanssa (eri tyylit kussakin tiedostossa) luomalla erilaisia tiedostoja. Koodi ladataan HTML-tiedostona ja CSS lisätään sisäisenä arkkina. Palvelu kertoo, minkä Chromen, Firefoxin, Internet Explorerin, Safarin ja Opera-version vaikutukset näytetään ja mitkä mobiililaitteet tukevat sitä.
Useiden tiedostojen luominen edellyttääkirjaudu ilmaiseksi tilille. Palvelua voidaan muuten käyttää luomatta sitä. Kummallista, mutta sivuston avulla voit lisätä uusia tehosteita, kun et ole kirjautunut sisään. Käytettävissä olevat lisätehosteet (kirjautuneena ulos) ovat Gradient-, Animaatio- ja Siirtymätehosteet. Kun sivustoa käytetään rekisteröimättömänä käyttäjänä, se ei anna sinun lisätä useita tehosteita. Jos valitset palvelun rekisteröimättä tiliä, näet sivuston otsikon alla vaakapalkin, jonka avulla voit valita erilaisia tehosteita.
Jos haluat lisätä useita tehosteita, kirjaudu ilmaiseksi tilille ja luo tiedosto. Voit luoda tiedoston napsauttamalla Uusi tiedosto kotisivulla tai menemällä Tiedostoni. Kirjoita tiedostolle nimi. valita Muokata ja kaikki tekemäsi muutokset tallennetaan tähän tiedostoon. Siirry Koti -välilehti aloittaaksesi tehosteiden muokkaamisen.
Voit siirtyä eri tehosteiden välillä käyttämällä avattavaa valikkoa Koti välilehti. Vaihda elementin väri ja säädä sen opasiteetti siirtymällä RGBA-efektiin. Lisää reunus tai muuta reunustyyliä siirtymällä kohtaan Rajasäde. Ja Tekstin varjo ja Laatikon varjo tehosteet luovat varjon tehosteen elementin tai tekstin taakse. Voit vinoutua ja skaalata sen CSS-muunnos saada aikaan ja korvata elementin reuna Ääriviiva vaikutus.
Kun olet tehnyt kaikki muutokset ja asentanut tarvittavat tehosteet, napsauta Tallentaa ja sitten ladata, ladata tiedoston. Tee tarvittavat muutokset ja olet saanut CSS: n valmiiksi menemään. Palvelu on erinomainen, jos haluat kokeilla muotoilua tai jos sinun täytyy vain kokeilla CSS-tehosteita tietylle projektille.
Käy CSS3.0 Makerissa
Kommentit