Advanced CSS Techniques
Curso
90 Estudiantes ya inscritos- Master the essentials of item positioning, ensuring web page elements align perfectly.
- Enhance user interfaces with transitions that dictate how properties change from one state to another.
- Implement animations that bring web pages to life by controlling the start, repeat, and direction of movement.
- Utilize transformations to scale, rotate, translate, and skew elements for sophisticated design techniques.
Confiado por empleados de empresas líderes
Compártelo en redes sociales y en tu evaluación de desempeño
Hay 7 módulos en este curso
Level up your styling skills by mastering advanced CSS techniques for modern web design. Position and manage elements with precision using advanced positioning strategies. Create smooth transitions and engaging animations to enhance user experience. Transform and manipulate elements for dynamic visual effects. Build responsive designs that adapt across devices and learn to streamline your workflow with CSS preprocessors like Sass.- Understanding CSS PositioningVista previa
- Relative Positioning ExplainedVista previa
- Challenge: Apply Relative PositioningVista previa
- Absolute Positioning in CSSVista previa
- Challenge: Implement Absolute PositioningVista previa
- Fixed Positioning for Sticky UI ElementsVista previa
- Challenge: Work with Fixed PositioningVista previa
- Sticky Positioning for Dynamic LayoutsVista previa
- Challenge: Master Sticky PositioningVista previa
- Managing the Stacking Order of ElementsVista previa
- Challenge: Control Z-Index and Overlapping ElementVista previa
- Handling Content Overflow in CSSVista previa
- Introduction to CSS TransitionsVista previa
- Choosing the Right Transition PropertiesVista previa
- Setting Transition Duration for EffectsVista previa
- Customizing Transitions with Timing FunctionsVista previa
- Adding Delay to CSS TransitionsVista previa
- Combining TransitionsVista previa
- Challenge: Add a Smooth Transition EffectVista previa
- Introduction to CSS TransformationsVista previa
- Scaling ElementsVista previa
- Rotating Elements in 2D and 3DVista previa
- Challenge: Apply Scaling & RotationVista previa
- Translating Elements for Dynamic EffectsVista previa
- Skewing Elements for Unique DesignsVista previa
- Using Perspective for Depth EffectsVista previa
- Challenge: Combine Translation and SkewingVista previa
- Introduction to CSS PreprocessorsVista previa
- Understanding Sass Syntax for Better CSSVista previa
- Using Sass Variables for Reusable StylesVista previa
- Performing Calculations with Sass Numeric OperatorsVista previa
- Nesting Styles for Cleaner CodeVista previa
- Extending Styles with the @extend DirectiveVista previa
- Organizing Sass Files for Scalable ProjectsVista previa
Elegido por estudiantes de las mejores escuelas
Por qué la gente elige Codefinity para su carrera

Kwizera Mugisha
The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Sherry Barnes-Fox
My first course was 4 hours, I did it in a few days, "nugget-style. The instructions are very clear and easy to understand. There is even a hint to help you get the answer, and if you still cannot get the answer, then you can display the answer. I love the learning style that is used, it engages me.

Bill Wagner
I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

Stephanie Chan
As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Daniel Chinea
I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming.

Steve Bruening
The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.
Reseñas de estudiantes
4.8
4 reseñas
5
75%
4
25%
3
0%
2
0%
1
0%
Mostrando 3 de 4 reseñas
5
Revisado en Jul 23, 2024
Дуже подобається сама можливість вивчати розробку з смартфона. В мене не вистачає часу для роботи за компьютером. Тому така подача матеріалу саме для таких, як я. Сам курс створений цікаво, с прикладами, кожен розділ невеличкий і не займає багато часу на ознайомлення. Все дуже приємно і зручно оформлено. Респект дизайнерам. Єдине, що в мене викликає складнощі - це знання англійської мови, і хоча я її вчу, але ще не на тому рівні, щоб сприймати матеріал англійською. А є цікаві курси, які ще не перекладено на українську. І чомусь веб-перекладач не працює на цьому сайті, хоча на інших сайтах не виникає з цим проблем. Доводиться кожного разу копіювати текст блоками, щоб перекласти.
Oleksandr Poliukh
5
Revisado en Mar 21, 2024
Great courses by simple words.
Костянтин Ястремський
5
Revisado en Mar 17, 2024
Review text
Recomendado si estás interesado en aprender HTML/CSS
curso
Conceptos básicos de HTML
curso
Fundamentos del Desarrollo Web con IA
curso
Ninja de JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introducción a .NET con C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Principios Básicos de Java
curso
Conceptos básicos de HTML
curso
Fundamentos del Desarrollo Web con IA
curso
Ninja de JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introducción a .NET con C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Principios Básicos de Java
¡Abraza la fascinación de las habilidades tecnológicas! Nuestro asistente de IA proporciona retroalimentación en tiempo real, pistas personalizadas y explicaciones de errores, empoderándote para aprender con confianza.
Con Espacios de trabajo, puedes crear y compartir proyectos directamente en nuestra plataforma. Hemos preparado plantillas para tu conveniencia
Toma el control de tu desarrollo profesional y comienza tu camino hacia el dominio de las últimas tecnologías
Los proyectos del mundo real elevan tu portafolio, mostrando habilidades prácticas para impresionar a posibles empleadores




Acceso completo al catálogo
Una suscripción abre este curso y todo nuestro catálogo de proyectos y habilidades.Tu suscripción también incluye:
curso
Conceptos básicos de HTML
curso
Fundamentos del Desarrollo Web con IA
curso
Ninja de JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introducción a .NET con C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Principios Básicos de Java
curso
Conceptos básicos de HTML
curso
Fundamentos del Desarrollo Web con IA
curso
Ninja de JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introducción a .NET con C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Principios Básicos de Java
Preguntas frecuentes
¿Aún tienes preguntas?
Escribe tu pregunta aquí