The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms...
Creative transitions and animations in CSS
A practical guide to building smooth effects, advanced animations, and visual projects with HTML, CSS, and JavaScript
This book is 100% completeLast updated on 2026-05-29
Learn how to bring your web interfaces to life with CSS transitions and animations in a practical, visual way. This book takes you from the foundations of basic transforms and transitions to creative effects on buttons, images, filters, and HTML components, helping you build more attractive, fluid, and modern experiences.
This book is a translation into English of Transiciones y animaciones creativas en CSS which was originally written in Spanish
Minimum price
$3.98
$15.00
You pay
Author earns
PDF
EPUB
About
About the Book
Learn how to bring your web interfaces to life with CSS transitions and animations in a practical, visual way. This book takes you from the foundations of basic transforms and transitions to creative effects on buttons, images, filters, and HTML components, helping you build more attractive, fluid, and modern experiences.
Across the chapters, you will also explore more complete animations, experimental projects with HTML, CSS, and JavaScript, and performance techniques that help you achieve smooth and efficient motion, including hardware acceleration and optimization for 60 FPS. It is an ideal guide if you want to move beyond static styles and start creating interfaces with more personality and visual impact.
Chapter 1 - Basic Transitions and Transformations: In this chapter we are going to review geometric transformations, translations and animations in CSS.
Chapter 2 - Transitions and translations on buttons: In this chapter, we are going to create many examples of CSS transitions applied to buttons, in these examples we will mainly apply geometric transformations, but we will also work with other CSS properties.
Chapter 3 - Transitions and translations on images: In this chapter, we are going to present different examples of CSS effects with the hover event; that is, we will continue using the CSS transitions as we did in the previous chapter; for these examples, we'll use any kind of HTML structure that won't be buttons like in the previous chapter.
Chapter 4 - Various effects with CSS, transitions and filters: In this chapter, we will create various effects using transitions, also, we will see the limitations through several examples that we will analyze in the next chapter using animations to obtain more complete animations.
Chapter 5 - Creative animations: In this chapter, we will present the use of animations, based on examples, we will see its possible variants, configurations and examples using animations and transitions alike.
Chapter 6 - HTML, CSS and JavaScript Projects: In this chapter, we are going to create several experiments using HTML, CSS, and JavaScript.
Chapter 7 - Hardware Acceleration and Performance in CSS Animations: This chapter is essential for front-end developers; you'll learn the secret of hardware acceleration. You'll discover how to go from inefficient, CPU-guzzling code to smooth, 60 FPS animations handled directly by the GPU.
This book is a translation into English of Transiciones y animaciones creativas en CSS which was originally written in Spanish
Author
About the Author
Andrés Cruz Yoris
Andrés Cruz Yoris, Licenciado en Computación, con más de 10 años de experiencia en el desarrollo de aplicaciones web en general; trabajo con PHP, Python y tecnologías del lado del cliente como HTML, JavaScript, CSS, Vue entre otras; y del lado del servidor como Laravel, Flask, Django y Codeigniter. También desarrollo con Android Studio, xCode y Flutter para la creación de aplicaciones nativas para Android e IOS.
Pongo a tú disposición parte de mi aprendizaje, reflejado en cada una de las palabras que componen mis libros sobre el desarrollo de aplicaciones en general.
Translations
Translations
Languages
Get the free Community Edition
You can get the free Community Edition in PDF or EPUB just by sharing your name and email address with the author, or you can just click this link to read a shorter sample online...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earned over $15 million writing, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
Write and Publish on Leanpub
You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!
Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.
Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.