Transitions and Animations in CSS: Adding Motion with CSS

زندگی و عمق را به برنامه های کاربردی وب خود اضافه کنید و تجربه کاربری را از طریق استفاده گسسته از انتقال ها و انیمیشن های CSS بهبود بخشید. با این راهنمای مختصر، یاد می‌گیرید که چگونه عناصر صفحه را حرکت دهید یا ظاهرشان را تغییر دهید، چه بخواهید به طور واقع بینانه توپ را پرتاب کنید، یک منوی کشویی را به تدریج گسترش دهید، یا زمانی که کاربران ماوس را روی آن قرار می‌دهند به سادگی توجه را به یک عنصر جلب کنید.

کوتاه و عمیق، این کتاب گزیده ای از نسخه چهارم CSS: راهنمای قطعی است. هنگامی که نسخه چاپی یا کتاب الکترونیکی Transitions and Animations در CSS را خریداری می کنید، پس از انتشار برای کل راهنمای قطعی تخفیف دریافت خواهید کرد. چرا صبر کنیم؟ بیاموزید که چگونه صفحات وب خود را امروز زنده کنید.

• درک و نحوه اجرای 12 اصل انیمیشن کارتونی دیزنی را بیاموزید
• بیاموزید که کدام ویژگی های CSS را می توانید متحرک کنید و در آنها استفاده کنید. transitions
• چهار ویژگی انتقال CSS و نه ویژگی انیمیشن را در عناصر CSS خود اعمال کنید
• از انیمیشن‌های فریم کلیدی CSS برای کنترل دقیق مقادیر ویژگی یک عنصر استفاده کنید
• جزئیاتی را بیاموزید که صرفه جویی در ساعت ها از اشکال زدایی و مگابایت جاوا اسکریپت غیر ضروری

Add life and depth to your web applications and improve user experience through the discrete use of CSS transitions and animations. With this concise guide, you’ll learn how to make page elements move or change in appearance, whether you want to realistically bounce a ball, gradually expand a drop-down menu, or simply bring attention to an element when users hover over it.

Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Transitions and Animations in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to make your web pages come alive today.

• Understand and learn how to implement Disney’s 12 principles of cartoon animation
• Learn which CSS properties you can animate and use in transitions
• Apply CSS’s four transition properties and nine animation properties to your CSS elements
• Use CSS keyframe animations to granularly control an element’s property values
• Learn details that will save you hours of debugging and megabytes of unnecessary JavaScript