Optimize @keyframes

Jun 21st, 2018 10:13 p.m.

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

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

1833 43 0 33

0

Optimize @keyframes

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