Oct 1, 2025 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 想要 UI 出現時，不只是生硬地「出現」嗎？今天我們要來研究兩個 CSS 的新語法：@starting-style 和 transition-behavior: allow-discrete。他們是專門解決那些從 display: none 這類狀態做成動畫的困境。 一、為什麼會有這兩個新屬性？ 過去在網頁開發中，要為一個從 display: none（完全隱藏）變成可見狀態（例如 display: blo...
Join discussion
Aug 13, 2025 · 1 min read · ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 CSS 的 transition 是是兩個狀態之間的動畫過渡效果。但在實際應用中，常常會遇到一些容易忽略的細節與技巧。今天我們就來聊聊那些你可能還不知道的 transition 進階用法。 1. transition 的運作原理：可計算的屬性 transition 是兩個狀態之間的過渡效果，但這個過渡效果只適用於可以計算的數值型屬性。例如，width、height、opacity 等等。所以，像 auto ...
Join discussion
Jun 13, 2025 · 6 min read · Animations are everywhere — from smooth button effects to moving banners and interactive loaders. With CSS, you can create beautiful, engaging animations without a single line of JavaScript. This guide will help both freshers understand from scratch ...
Join discussion
Nov 20, 2023 · 2 min read · CSS gradients are a way to display smooth transitions between two or more specified colors. They are a powerful tool for applying dynamic effects on web pages. To apply gradient we have to use background image. There are three primary types of gradie...
Join discussion
Sep 10, 2023 · 7 min read · TABLE OF CONTENT Introduction. What is CSS? Why is writing CSS code important? Creating interactive webpages with CSS: CSS transition. CSS animation. Conclusion. Introduction: Do you know with knowledge of HTML and CSS, you can create interactive web...
Join discussion
Aug 28, 2023 · 4 min read · In the ever-evolving landscape of web design, CSS (Cascading Style Sheets) stands as a cornerstone for creating stunning and visually captivating websites. As a web designer or developer, having a firm grasp of CSS properties is crucial to craft uniq...
Join discussion
Aug 9, 2023 · 5 min read · Hello and welcome! 🤩🤩 Are you ready to take your web development skills to the next level? Look no further than using Cascading Style Sheets (CSS), the fundamental technology that transforms boring HTML into visually stunning and interactive web ex...
Join discussion
Aug 7, 2023 · 7 min read · INTRODUCTION: Imagine you’re a magician, but instead of drawing rabbits out of hats, you make web elements dance and move like they have a life of their own. That's exactly what CSS animations do. The world of web development is significantly progres...
Join discussion
Apr 21, 2023 · 2 min read · Gradient: In CSS, "gradient" is a property that allows us to create a smooth transition among multiple colors. There are 3 types of gradients: linear, radial and conic. To define a gradient in CSS, we use the "background-image" property with the "lin...
Join discussionJan 29, 2023 · 1 min read · Why is it called a pseudo-class? Ans:- It is called as a pseudo-class because it selects the elements that are in a specific state and the state may be hover,focus and active etc. What are the different types of transition properties in CSS? Ans...
Join discussion