Kynän muunnos CSS-muotoon
Muunna SCSS-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
Miksi käyttää kynää CSS-muuntimeksi
Välitön muunnos
Muunna kynän koodi CSS:ksi välittömästi yhdellä napin painalluksella. Odottelua ei tarvita.
Tarkka kääntäminen
Muuntimemme kääntää Stylus-koodin tarkasti selainvalmiiksi CSS:ksi ja käsittelee muuttujia, miksejä ja paljon muuta.
100% turvallinen
Koodisi ei koskaan poistu selaimestasi. Kaikki konversiot tapahtuvat paikallisesti täydellisen turvallisuuden ja yksityisyyden takaamiseksi.
Mobiiliystävällinen
Käytä muunninta millä tahansa laitteella pöytäkoneesta mobiiliin. Käyttöliittymä mukautuu täydellisesti mihin tahansa näytön kokoon.
Helppo lataus
Lataa käännetty CSS-koodi yhdellä napsautuksella tai kopioi se suoraan leikepöydälle.
Mukautettava tulostus
Säädä käännösasetuksia tulostusmuodon hallitsemiseksi, mukaan lukien pienentäminen ja lähdekartat.
Kynän käyttäminen CSS-muuntimeen
Liitä kynän koodi
Kopioi ja liitä olemassa oleva Stylus-koodisi työkalun vasemmalla puolella olevalle "Stylus Input" -tekstialueelle.
Napsauta Muunna
Kun kynä on paikallaan, napsauta "Muunna kynä CSS:ksi" -painiketta aloittaaksesi käännösprosessin.
Tarkista tulos
Käännetty CSS-koodisi näkyy oikealla puolella olevalla "CSS Output" -tekstialueella. Tarkista sen tarkkuus.
Kopioi tai lataa
Käytä "Kopioi" -painiketta kopioidaksesi CSS-koodin leikepöydälle tai "Lataa" -painiketta tallentaaksesi sen .css tiedostona.
Stylus vs CSS: Mitä eroa on?
| Feature | CSS | Stylus |
|---|---|---|
| Syntax | Monisanainen aaltosulkeilla ja puolipisteillä | Sisennykseen perustuva, ei aaltosulkeita tai puolipisteitä Ei |
| Variables | sisäänrakennettua tukea | Täysi tuki muuttujien määritykselle |
| Mixins | No | Kyllä funktion kaltaisella syntaksilla |
| Nesting | Limited | Laajat sisäkkäisominaisuudet |
| Matemaattiset operaatiot | Limited | Täysi matemaattinen lauseke tuki |
| Väritoiminnot | Limited | Edistyneet värinkäsittelytoiminnot |
Related Tools
Kynän muunnos CSS-muotoon
Muunna SCSS-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
SCSS:stä CSS:ksi muunnin
Muunna SCSS-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
Sass:sta CSS:ksi muunnin
Muunna Sass-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
HEX CMYK:ksi
Muunna HEX-värikoodit CMYK-muotoon tulostussovelluksiin
MD6-hajautusgeneraattori
Luo MD6-tiivisteitä nopeasti ja helposti
Oktaali desimaaliksi
Muunna oktaaliluvut desimaaliluvuiksi vaivattomasti