├── .gitattributes ├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── languageFix.css ├── logo.png ├── snippet-template.md └── snippets ├── border-with-top-triangle.md ├── bouncing-loader.md ├── box-sizing-reset.md ├── button-border-animation.md ├── button-focus-swing-animation.md ├── button-hover-fill-animation.md ├── button-hover-grow-animation.md ├── button-hover-shrink-animation.md ├── checkerboard-pattern.md ├── circle.md ├── clearfix.md ├── constant-width-to-height-ratio.md ├── counter.md ├── custom-checkbox.md ├── custom-scrollbar.md ├── custom-text-selection.md ├── disable-selection.md ├── display-table-centering.md ├── donut-spinner.md ├── drop-cap.md ├── dynamic-shadow.md ├── etched-text.md ├── evenly-distributed-children.md ├── fit-image-in-container.md ├── flexbox-centering.md ├── floating-list-titles.md ├── fluid-typography.md ├── focus-within.md ├── full-width.md ├── fullscreen.md ├── gradient-text.md ├── grid-centering.md ├── hamburger-button.md ├── height-transition.md ├── hide-scrollbars.md ├── horizontal-gallery.md ├── horizontal-scroll-snap.md ├── hover-additional-content.md ├── hover-pespective.md ├── hover-shadow-box-animation.md ├── hover-underline-animation.md ├── image-hover-menu.md ├── image-hover-rotate.md ├── image-mosaic.md ├── image-overlay-hover.md ├── input-with-prefix.md ├── isometric-card.md ├── line-clamp.md ├── masonry-layout.md ├── mouse-cursor-gradient-tracking.md ├── navigation-list-item-hover-and-focus-effect.md ├── offscreen.md ├── overflow-scroll-gradient.md ├── polka-dot-pattern.md ├── popout-menu.md ├── pretty-text-underline.md ├── pulse-loader.md ├── reset-all-styles.md ├── responsive-layout-sidebar.md ├── rotating-card.md ├── scroll-progress-bar.md ├── shape-separator.md ├── sibling-fade.md ├── staggered-animation.md ├── sticky-list-titles.md ├── stripes-pattern.md ├── stylized-quotation-marks.md ├── system-font-stack.md ├── text-backdrop-overlay.md ├── tile-layout-using-inline-block.md ├── toggle-switch.md ├── transform-centering.md ├── triangle.md ├── truncate-text-multiline.md ├── truncate-text.md ├── typewriter-effect.md ├── vertical-gallery.md ├── vertical-scroll-snap.md ├── zebra-striped-list.md ├── zig-zag-pattern.md └── zoomin-zoomout-animation.md /.gitattributes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/.gitattributes -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/.gitignore -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/CODE_OF_CONDUCT.md -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/CONTRIBUTING.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/README.md -------------------------------------------------------------------------------- /languageFix.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/languageFix.css -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/logo.png -------------------------------------------------------------------------------- /snippet-template.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippet-template.md -------------------------------------------------------------------------------- /snippets/border-with-top-triangle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/border-with-top-triangle.md -------------------------------------------------------------------------------- /snippets/bouncing-loader.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/bouncing-loader.md -------------------------------------------------------------------------------- /snippets/box-sizing-reset.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/box-sizing-reset.md -------------------------------------------------------------------------------- /snippets/button-border-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/button-border-animation.md -------------------------------------------------------------------------------- /snippets/button-focus-swing-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/button-focus-swing-animation.md -------------------------------------------------------------------------------- /snippets/button-hover-fill-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/button-hover-fill-animation.md -------------------------------------------------------------------------------- /snippets/button-hover-grow-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/button-hover-grow-animation.md -------------------------------------------------------------------------------- /snippets/button-hover-shrink-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/button-hover-shrink-animation.md -------------------------------------------------------------------------------- /snippets/checkerboard-pattern.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/checkerboard-pattern.md -------------------------------------------------------------------------------- /snippets/circle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/circle.md -------------------------------------------------------------------------------- /snippets/clearfix.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/clearfix.md -------------------------------------------------------------------------------- /snippets/constant-width-to-height-ratio.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/constant-width-to-height-ratio.md -------------------------------------------------------------------------------- /snippets/counter.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/counter.md -------------------------------------------------------------------------------- /snippets/custom-checkbox.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/custom-checkbox.md -------------------------------------------------------------------------------- /snippets/custom-scrollbar.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/custom-scrollbar.md -------------------------------------------------------------------------------- /snippets/custom-text-selection.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/custom-text-selection.md -------------------------------------------------------------------------------- /snippets/disable-selection.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/disable-selection.md -------------------------------------------------------------------------------- /snippets/display-table-centering.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/display-table-centering.md -------------------------------------------------------------------------------- /snippets/donut-spinner.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/donut-spinner.md -------------------------------------------------------------------------------- /snippets/drop-cap.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/drop-cap.md -------------------------------------------------------------------------------- /snippets/dynamic-shadow.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/dynamic-shadow.md -------------------------------------------------------------------------------- /snippets/etched-text.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/etched-text.md -------------------------------------------------------------------------------- /snippets/evenly-distributed-children.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/evenly-distributed-children.md -------------------------------------------------------------------------------- /snippets/fit-image-in-container.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/fit-image-in-container.md -------------------------------------------------------------------------------- /snippets/flexbox-centering.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/flexbox-centering.md -------------------------------------------------------------------------------- /snippets/floating-list-titles.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/floating-list-titles.md -------------------------------------------------------------------------------- /snippets/fluid-typography.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/fluid-typography.md -------------------------------------------------------------------------------- /snippets/focus-within.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/focus-within.md -------------------------------------------------------------------------------- /snippets/full-width.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/full-width.md -------------------------------------------------------------------------------- /snippets/fullscreen.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/fullscreen.md -------------------------------------------------------------------------------- /snippets/gradient-text.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/gradient-text.md -------------------------------------------------------------------------------- /snippets/grid-centering.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/grid-centering.md -------------------------------------------------------------------------------- /snippets/hamburger-button.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hamburger-button.md -------------------------------------------------------------------------------- /snippets/height-transition.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/height-transition.md -------------------------------------------------------------------------------- /snippets/hide-scrollbars.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hide-scrollbars.md -------------------------------------------------------------------------------- /snippets/horizontal-gallery.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/horizontal-gallery.md -------------------------------------------------------------------------------- /snippets/horizontal-scroll-snap.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/horizontal-scroll-snap.md -------------------------------------------------------------------------------- /snippets/hover-additional-content.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hover-additional-content.md -------------------------------------------------------------------------------- /snippets/hover-pespective.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hover-pespective.md -------------------------------------------------------------------------------- /snippets/hover-shadow-box-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hover-shadow-box-animation.md -------------------------------------------------------------------------------- /snippets/hover-underline-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/hover-underline-animation.md -------------------------------------------------------------------------------- /snippets/image-hover-menu.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/image-hover-menu.md -------------------------------------------------------------------------------- /snippets/image-hover-rotate.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/image-hover-rotate.md -------------------------------------------------------------------------------- /snippets/image-mosaic.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/image-mosaic.md -------------------------------------------------------------------------------- /snippets/image-overlay-hover.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/image-overlay-hover.md -------------------------------------------------------------------------------- /snippets/input-with-prefix.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/input-with-prefix.md -------------------------------------------------------------------------------- /snippets/isometric-card.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/isometric-card.md -------------------------------------------------------------------------------- /snippets/line-clamp.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/line-clamp.md -------------------------------------------------------------------------------- /snippets/masonry-layout.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/masonry-layout.md -------------------------------------------------------------------------------- /snippets/mouse-cursor-gradient-tracking.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/mouse-cursor-gradient-tracking.md -------------------------------------------------------------------------------- /snippets/navigation-list-item-hover-and-focus-effect.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/navigation-list-item-hover-and-focus-effect.md -------------------------------------------------------------------------------- /snippets/offscreen.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/offscreen.md -------------------------------------------------------------------------------- /snippets/overflow-scroll-gradient.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/overflow-scroll-gradient.md -------------------------------------------------------------------------------- /snippets/polka-dot-pattern.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/polka-dot-pattern.md -------------------------------------------------------------------------------- /snippets/popout-menu.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/popout-menu.md -------------------------------------------------------------------------------- /snippets/pretty-text-underline.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/pretty-text-underline.md -------------------------------------------------------------------------------- /snippets/pulse-loader.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/pulse-loader.md -------------------------------------------------------------------------------- /snippets/reset-all-styles.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/reset-all-styles.md -------------------------------------------------------------------------------- /snippets/responsive-layout-sidebar.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/responsive-layout-sidebar.md -------------------------------------------------------------------------------- /snippets/rotating-card.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/rotating-card.md -------------------------------------------------------------------------------- /snippets/scroll-progress-bar.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/scroll-progress-bar.md -------------------------------------------------------------------------------- /snippets/shape-separator.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/shape-separator.md -------------------------------------------------------------------------------- /snippets/sibling-fade.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/sibling-fade.md -------------------------------------------------------------------------------- /snippets/staggered-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/staggered-animation.md -------------------------------------------------------------------------------- /snippets/sticky-list-titles.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/sticky-list-titles.md -------------------------------------------------------------------------------- /snippets/stripes-pattern.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/stripes-pattern.md -------------------------------------------------------------------------------- /snippets/stylized-quotation-marks.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/stylized-quotation-marks.md -------------------------------------------------------------------------------- /snippets/system-font-stack.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/system-font-stack.md -------------------------------------------------------------------------------- /snippets/text-backdrop-overlay.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/text-backdrop-overlay.md -------------------------------------------------------------------------------- /snippets/tile-layout-using-inline-block.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/tile-layout-using-inline-block.md -------------------------------------------------------------------------------- /snippets/toggle-switch.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/toggle-switch.md -------------------------------------------------------------------------------- /snippets/transform-centering.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/transform-centering.md -------------------------------------------------------------------------------- /snippets/triangle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/triangle.md -------------------------------------------------------------------------------- /snippets/truncate-text-multiline.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/truncate-text-multiline.md -------------------------------------------------------------------------------- /snippets/truncate-text.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/truncate-text.md -------------------------------------------------------------------------------- /snippets/typewriter-effect.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/typewriter-effect.md -------------------------------------------------------------------------------- /snippets/vertical-gallery.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/vertical-gallery.md -------------------------------------------------------------------------------- /snippets/vertical-scroll-snap.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/vertical-scroll-snap.md -------------------------------------------------------------------------------- /snippets/zebra-striped-list.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/zebra-striped-list.md -------------------------------------------------------------------------------- /snippets/zig-zag-pattern.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/zig-zag-pattern.md -------------------------------------------------------------------------------- /snippets/zoomin-zoomout-animation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andrey-kudinov/30-seconds-of-css/HEAD/snippets/zoomin-zoomout-animation.md --------------------------------------------------------------------------------