├── 404 ├── index.html └── style.css ├── Aurora Text ├── index.html └── style.css ├── BubbleNavbar ├── index.html ├── script.js └── style.css ├── Bycyle preloader ├── index.html └── style.css ├── CSS-filter-cards ├── index.html └── style.css ├── Carousal cards ├── dist │ ├── index.html │ └── style.css └── src │ ├── index.html │ └── style.css ├── Download_animation ├── index.html ├── script.js └── style.css ├── Fluid Toogle ├── index.html └── style.css ├── Gradient preloadder ├── index.html └── style.css ├── Hover-mouse-transition-effect ├── index.html └── style.css ├── Invert text on scroll ├── A.html ├── index.html ├── script.js └── style.css ├── Jello-animated-tab-bar ├── 2.png ├── index.html ├── script.js └── style.css ├── Login-form -animation ├── index.html └── style.css ├── Magic Card ├── Arduino ├── index.html ├── script.js └── style.css ├── Mode switch toggle ├── index.html └── style.css ├── Naughty Submit Button ├── index.html ├── script.js └── style.css ├── Neon-cursor ├── index.html ├── script.js └── style.css ├── Parallax Depth Cards ├── index.html ├── script.js └── style.css ├── Progress bar ├── index.html └── style.css ├── ReadMe.md ├── Roatating text ├── index.html ├── script.js └── style.css ├── Social-flip-cards ├── index.html ├── script.js └── style.css ├── Star-rating ├── index.html ├── script.js └── style.css ├── Text morph ├── .vscode │ └── settings.json ├── index.html ├── script.js └── style.css └── dropdown1 ├── index.html ├── script.js └── style.css /404/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/404/index.html -------------------------------------------------------------------------------- /404/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/404/style.css -------------------------------------------------------------------------------- /Aurora Text/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Aurora Text/index.html -------------------------------------------------------------------------------- /Aurora Text/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Aurora Text/style.css -------------------------------------------------------------------------------- /BubbleNavbar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/BubbleNavbar/index.html -------------------------------------------------------------------------------- /BubbleNavbar/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/BubbleNavbar/script.js -------------------------------------------------------------------------------- /BubbleNavbar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/BubbleNavbar/style.css -------------------------------------------------------------------------------- /Bycyle preloader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Bycyle preloader/index.html -------------------------------------------------------------------------------- /Bycyle preloader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Bycyle preloader/style.css -------------------------------------------------------------------------------- /CSS-filter-cards/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/CSS-filter-cards/index.html -------------------------------------------------------------------------------- /CSS-filter-cards/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/CSS-filter-cards/style.css -------------------------------------------------------------------------------- /Carousal cards/dist/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Carousal cards/dist/index.html -------------------------------------------------------------------------------- /Carousal cards/dist/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Carousal cards/dist/style.css -------------------------------------------------------------------------------- /Carousal cards/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Carousal cards/src/index.html -------------------------------------------------------------------------------- /Carousal cards/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Carousal cards/src/style.css -------------------------------------------------------------------------------- /Download_animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Download_animation/index.html -------------------------------------------------------------------------------- /Download_animation/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Download_animation/script.js -------------------------------------------------------------------------------- /Download_animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Download_animation/style.css -------------------------------------------------------------------------------- /Fluid Toogle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Fluid Toogle/index.html -------------------------------------------------------------------------------- /Fluid Toogle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Fluid Toogle/style.css -------------------------------------------------------------------------------- /Gradient preloadder/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Gradient preloadder/index.html -------------------------------------------------------------------------------- /Gradient preloadder/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Gradient preloadder/style.css -------------------------------------------------------------------------------- /Hover-mouse-transition-effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Hover-mouse-transition-effect/index.html -------------------------------------------------------------------------------- /Hover-mouse-transition-effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Hover-mouse-transition-effect/style.css -------------------------------------------------------------------------------- /Invert text on scroll/A.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Invert text on scroll/A.html -------------------------------------------------------------------------------- /Invert text on scroll/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Invert text on scroll/index.html -------------------------------------------------------------------------------- /Invert text on scroll/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Invert text on scroll/script.js -------------------------------------------------------------------------------- /Invert text on scroll/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Invert text on scroll/style.css -------------------------------------------------------------------------------- /Jello-animated-tab-bar/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Jello-animated-tab-bar/2.png -------------------------------------------------------------------------------- /Jello-animated-tab-bar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Jello-animated-tab-bar/index.html -------------------------------------------------------------------------------- /Jello-animated-tab-bar/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Jello-animated-tab-bar/script.js -------------------------------------------------------------------------------- /Jello-animated-tab-bar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Jello-animated-tab-bar/style.css -------------------------------------------------------------------------------- /Login-form -animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Login-form -animation/index.html -------------------------------------------------------------------------------- /Login-form -animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Login-form -animation/style.css -------------------------------------------------------------------------------- /Magic Card/Arduino: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Magic Card/Arduino -------------------------------------------------------------------------------- /Magic Card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Magic Card/index.html -------------------------------------------------------------------------------- /Magic Card/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Magic Card/script.js -------------------------------------------------------------------------------- /Magic Card/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Magic Card/style.css -------------------------------------------------------------------------------- /Mode switch toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Mode switch toggle/index.html -------------------------------------------------------------------------------- /Mode switch toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Mode switch toggle/style.css -------------------------------------------------------------------------------- /Naughty Submit Button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Naughty Submit Button/index.html -------------------------------------------------------------------------------- /Naughty Submit Button/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Naughty Submit Button/script.js -------------------------------------------------------------------------------- /Naughty Submit Button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Naughty Submit Button/style.css -------------------------------------------------------------------------------- /Neon-cursor/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Neon-cursor/index.html -------------------------------------------------------------------------------- /Neon-cursor/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Neon-cursor/script.js -------------------------------------------------------------------------------- /Neon-cursor/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Neon-cursor/style.css -------------------------------------------------------------------------------- /Parallax Depth Cards/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Parallax Depth Cards/index.html -------------------------------------------------------------------------------- /Parallax Depth Cards/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Parallax Depth Cards/script.js -------------------------------------------------------------------------------- /Parallax Depth Cards/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Parallax Depth Cards/style.css -------------------------------------------------------------------------------- /Progress bar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Progress bar/index.html -------------------------------------------------------------------------------- /Progress bar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Progress bar/style.css -------------------------------------------------------------------------------- /ReadMe.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/ReadMe.md -------------------------------------------------------------------------------- /Roatating text/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Roatating text/index.html -------------------------------------------------------------------------------- /Roatating text/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Roatating text/script.js -------------------------------------------------------------------------------- /Roatating text/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Roatating text/style.css -------------------------------------------------------------------------------- /Social-flip-cards/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Social-flip-cards/index.html -------------------------------------------------------------------------------- /Social-flip-cards/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | 4 | */ -------------------------------------------------------------------------------- /Social-flip-cards/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Social-flip-cards/style.css -------------------------------------------------------------------------------- /Star-rating/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Star-rating/index.html -------------------------------------------------------------------------------- /Star-rating/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Star-rating/script.js -------------------------------------------------------------------------------- /Star-rating/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Star-rating/style.css -------------------------------------------------------------------------------- /Text morph/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } 4 | -------------------------------------------------------------------------------- /Text morph/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Text morph/index.html -------------------------------------------------------------------------------- /Text morph/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Text morph/script.js -------------------------------------------------------------------------------- /Text morph/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/Text morph/style.css -------------------------------------------------------------------------------- /dropdown1/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/dropdown1/index.html -------------------------------------------------------------------------------- /dropdown1/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/dropdown1/script.js -------------------------------------------------------------------------------- /dropdown1/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Atharva1802/CSS-trickies/HEAD/dropdown1/style.css --------------------------------------------------------------------------------