30秒学会 CSS 片段 – Image gallery with vertical scroll
Creates a horizontally scrollable image gallery. Use display: flex and justify-content: center to se...
Creates a horizontally scrollable image gallery. Use display: flex and justify-content: center to se...
Creates a card that displays additional content on hover. Use overflow: hidden on the card to hide e...
Creates a zig zag background pattern. Use background-color to set a white background. Use background...
Hides scrollbars on an element, while still allowing it to be scrollable. Use overflow: auto to allo...
Hides elements with no content. Use the :empty pseudo-class to select elements with no content.
只用 CSS 来创建圆。 可以使用 border-radius: 50% 弯曲元素的边缘来创建圆。 因为圆在任一点上都的半径都相同,所有元素的 width 和 height 必须一样,否则所创建的就是...
Creates a striped list with alternating background colors, which is useful for differentiating sibli...
Uses an SVG shape to separate two different blocks to create more a interesting visual appearance co...
Gives text a gradient color. background: -webkit-linear-gradient(…) gives the text element a gradi...
A hover effect where the gradient follows the mouse cursor. –x and –y are used to track the positi...