Sí, los preprocesadores básicamente le otorgan “superpoderes” CSS que permiten la capacidad de hacer cosas interesantes como elementos anidados, bucles, condicionales, etc. Nada cambia realmente, por lo que aún podrá utilizar transformaciones y animaciones.
Echale un vistazo a éste ejemplo.
// Versión SCSS / LESS
.parent {
fondo: # 000;
transiciones: 0.3s facilidad;
- TDD o BDD, ¿cuál es el mejor enfoque para un equipo de desarrollo web centrado en desarrollar funciones de interacción con el cliente?
- ¿Cómo pasaste del desarrollo web al desarrollo de juegos?
- ¿Qué idioma debo usar para crear un chatbot para un sitio basado en Laravel?
- ¿Debo usar PHP HHVM + Apache2 o PHP7 + Apache2 o HHVM + NginX o PHP7 + Nginx para obtener el mejor rendimiento?
- ¿Cuánto tiempo te llevó aprender JavaScript?
&: desplazarse {
fondo: # 222;
}
.nested-child {
fondo: # 333;
}
}
// CSS compilado
.parent {
fondo: # 000;
transiciones: 0.3s facilidad;
}
.parent: hover {
fondo: # 222;
}
.parent .nested-child {
fondo: # 333;
}
Le recomiendo que revise las hojas de estilo sintácticamente impresionantes y vea todas las posibilidades.
En cuanto a la compatibilidad con navegadores cruzados, puede usar postcss / autoprefixer encima de SASS que agregaría los prefijos requeridos. Le permitirá no preocuparse por usar bibliotecas que manejan estas cosas por usted.