prefers-reduced-motion

thg 6 21, 2018 10:13 CH

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết

CSS Best Practices font-display shape-outside CSS centering Flexbox Gap caret-color box-sizing border-box Background-position text-decoration mix-blend-mode One Page Scroll shorthand properties onClick()thủ-thuật-css CSS Variables chrome dev tools emoji cursor animation-play-state transition height detransform Dark Mode conic-gradient nth-child Flex 1 pointer-events line-height unitless SASS Flexbox Bugs background-repeat: round Optimize @keyframes drop-shadow + clip-path empty Bí kíp Frontend System Font Stack border-radius vertical-align: super Data URLs focus-visible cubic-bezier()Image Background Responsive Happy New Year normalize.css white-space: pre-line 8-digit-hex is text-align: start/end Sass Ampersand CSS Counter focus-within Optimize Google Fonts API Overlay for image scroll-behavior detect device non-hover transform: scaleX(-1)truncate multiline Linter break text in new line placeholder-shown Flexbox margin-left auto Debug Css DevToolsFlexbox modal-in-Bootstrap prefers-reduced-motion Blurry marker lang()Fullscreen gradient-text initial Aspect ratio rgb new syntax color inheritance Img tag miss alt attribute range syntax Margin between components box-decoration margin-left redundant CSS not() selector writing-mode currentColor image-rendering: pixelated content property Power of background-image Equal-Width Table Cells Flexbox Trick border transparent CSS Selectors case insensitive initial-letter font-family no-quote position: sticky font-weight number Image vertical-align middle Avoid HTTP request FirefoxDevTools margin-auto Negative nth-child

2022 46 0 33

31

prefers-reduced-motion

Let's register a Viblo Account to get more interesting posts.