nice-front-end-tutorial/tutorial/css3-tutorial.md at master · nicejade/nice-front-end-tutorial · GitHub

Repository navigation

115 lines (92 loc) · 10 KB

animate-css/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
animate.css: Just-add-water CSS animations
typed.js: A JavaScript Typing Animation Library
hint.css: A CSS only tooltip library for your lovely websites. https://kushagragour.in/lab/hint
balloon.css: Simple tooltips made of pure CSS. https://kazzkiq.github.io/balloon.css
loaders.css: Delightful, performance-focused pure css loading animations.
Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS. http://ianlunn.github.io/Hover/

anime.js: JavaScript Animation Engine http://animejs.com
animateplus: A+ animation module for the modern web
vivus: JavaScript library to make drawing animation on SVG
scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library http://daybrush.com/scenejs
ola: 🌊 Smooth animation library for interpolating numbers
airbnb/lottie: Lottie for Android, iOS, React Native, and Web
laxxx: Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
popmotion: Monorepo for Popmotion and Pose animation packages https://popmotion.io
VelocityJS: Accelerated JavaScript animation. http://VelocityJS.org
tween.js: JavaScript tweening engine for easy animations, incorporating optimised Robert Penner's equations.
WOW: Reveal CSS animation as you scroll down a page http://mynameismatthieu.com/WOW/
hsnaydd/moveTo: A lightweight scroll animation javascript library without any dependency

jareware/css-architecture: 8 simple rules for a robust, scalable CSS architecture
css-doodle: 🎨 A web component for drawing patterns with CSS.
CSS-Inspiration: CSS Inspiration，在这里找到写 CSS 的灵感!
JNKKKK/MoreToggles.css: A pure CSS library that provides you with a variety of nice-looking toggles
css-blocks: High performance, maintainable stylesheets. http://css-blocks.com/
smooth-code/xstyled: Consistent theme based CSS for styled-components & emotion 💅👩‍🎤
astrit/css.gg: 500+ CSS Icons. Customizable, Retina Ready with API & NPM https://css.gg
pattle/simpsons-in-css: Simpsons characters in CSS
bouncejs 触摸库
browserhacks
腾讯 css3 动画制作工具
志爷 css 小工具集合

sanitize.css: A best-practices CSS foundation https://csstools.github.io/sanitize.css
sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style
primer/css: The CSS design system that powers GitHub https://primer.style/css
water.css: A just-add-css collection of styles to make simple websites just a little nicer
uncss: Remove unused styles from CSS
popmotion: A functional, flexible JavaScript motion library

cssfx: ✨ Beautifully simple click-to-copy CSS effects https://cssfx.lovejade.cn/
instagram.css: Instagram.css - Complete set of Instagram filters in pure CSS
QiShaoXuan/css_tricks: Some CSS tricks,一些 CSS 常用样式

tailwindcss: A utility-first CSS framework for rapid UI development. https://tailwindcss.com/
bulma: Modern CSS framework based on Flexbox https://bulma.io
ajusa/lit: World's smallest responsive 🔥 css framework (395 bytes)

goober: 🥜 goober, a less than 1KB 🎉css-in-js alternative with a familiar API
nyancss/nyancss: 🌈 Write plain CSS while reaping benefits of CSS-in-JS https://nyancss.com
ben-rogerson/twin.macro: 🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time.