CSS Next
Write future-proof CSS today with automatic transformations
À propos de CSS Next
CSS Next is a PostCSS plugin that lets you use tomorrow's CSS syntax today. It automatically transforms new CSS specifications into compatible code, so you can write modern, maintainable styles without waiting for browser support. Enjoy features like custom properties, nesting, and advanced color functions while keeping your workflow fast and efficient.
FAQ
PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms new CSS specs into more compatible CSS so you don't need to wait for browser support.
Prior to 2015, CSS was frustrating by not having any specification for features we were looking for. No variables, no math, no color manipulation & no customization. Things are going to change soon since a lot of work has been made by the W3C to write new specs to make our life easier. With cssnext, you can start using some new features today!
Yes, cssnext is lightning fast. It uses PostCSS which has a way faster CSS parser. It's a good competitor to libsass, a bit faster than LESS and Stylecow, and way faster than Myth or original Ruby Sass.
You can try postcss-cssnext in your browser now. Check out postcss-cssnext on GitHub or try it in your browser.
You can follow @cssnext to get the latest news or join the chat on gitter if you have any questions.
Some features of cssnext include automatic vendor prefixes, custom properties & var(), custom properties set & @apply, reduced calc(), custom media queries, media queries ranges, custom selectors, nesting, image-set() function, color() function, hwb() function, gray() function, #rrggbbaa colors, rgba function (rgb fallback), rebeccapurple color, font-variant property, filter property (svg fallback), initial value, rem unit (px fallback), :any-link pseudo-class, :matches pseudo-class, :not pseudo-class (to l.3), ::pseudo syntax (: fallback), overflow-wrap property (word-wrap fallback), attribute case insensitive, rgb() function (functional-notation), hsl() function (functional-notation), system-ui font-family (font-family fallback), and more.
Alternatives à considérer
Voir toutes les alternativesBadges
Faites la promotion de CSS Next et donnez-lui plus de visibilité en ajoutant ces badges à votre site web, votre documentation ou votre fiche produit. Chaque badge renvoie vers la page de CSS Next sur Webfolio.
<a href="https://www.webfolio.to/tools/css-next?utm_source=badge&utm_campaign=badge" target="_blank" rel="noopener noreferrer"><img src="https://www.webfolio.to/badges/featured_color.svg" alt="Mis en avant sur Webfolio" style="max-width: 150px" /></a>
Catégories
Revendiquer cet outil
Vous êtes le fondateur ? Revendiquez votre profil pour mettre à jour les détails et suivre les vues.