├── Animated Product Card ├── preview │ └── animted-product-card.gif ├── readme.md └── src │ ├── index.html │ └── style.css ├── Card Hover Open ├── README.md ├── preview │ └── card-hover-open.gif └── src │ ├── index.html │ └── style.css ├── Expandable dots navigation ├── README.md ├── index.html ├── preview │ └── 9dots.gif └── style.css ├── README.md ├── animated contact card ├── preview │ └── contact-me-animation.gif ├── readme.md └── src │ ├── index.html │ ├── script.js │ └── style.css ├── bulbs ├── file.js ├── index.html └── style.css ├── card_animation ├── README.md ├── preview │ └── card-animation.gif └── src │ ├── index.html │ └── style.css ├── circle effect ├── file.html ├── script.js └── style.css ├── face-rating ├── file.js ├── index.html └── style.css ├── glowing menu hover ├── index.html └── style.css ├── password-input-light └── src │ ├── index.html │ ├── script.js │ └── style.css ├── ripple button ├── file.html └── style.css ├── springlight └── src │ ├── index.html │ ├── script.js │ └── style.css ├── stubborn sumit btn ├── LICENSE.txt ├── README.md ├── dist │ ├── index.html │ ├── script.js │ └── style.css └── src │ ├── index.html │ ├── script.js │ └── style.css ├── tab bar └── index.html ├── tubelight effect ├── file.html └── style.css ├── user-profile-extend └── src │ ├── index.html │ ├── script.js │ └── style.css └── zzig zag hover buttons ├── index.html └── style.css /Animated Product Card/preview/animted-product-card.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Animated Product Card/preview/animted-product-card.gif -------------------------------------------------------------------------------- /Animated Product Card/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Animated Product Card/readme.md -------------------------------------------------------------------------------- /Animated Product Card/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Animated Product Card/src/index.html -------------------------------------------------------------------------------- /Animated Product Card/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Animated Product Card/src/style.css -------------------------------------------------------------------------------- /Card Hover Open/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Card Hover Open/README.md -------------------------------------------------------------------------------- /Card Hover Open/preview/card-hover-open.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Card Hover Open/preview/card-hover-open.gif -------------------------------------------------------------------------------- /Card Hover Open/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Card Hover Open/src/index.html -------------------------------------------------------------------------------- /Card Hover Open/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Card Hover Open/src/style.css -------------------------------------------------------------------------------- /Expandable dots navigation/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Expandable dots navigation/README.md -------------------------------------------------------------------------------- /Expandable dots navigation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Expandable dots navigation/index.html -------------------------------------------------------------------------------- /Expandable dots navigation/preview/9dots.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Expandable dots navigation/preview/9dots.gif -------------------------------------------------------------------------------- /Expandable dots navigation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/Expandable dots navigation/style.css -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # css-tricks 2 | p 3 | -------------------------------------------------------------------------------- /animated contact card/preview/contact-me-animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/animated contact card/preview/contact-me-animation.gif -------------------------------------------------------------------------------- /animated contact card/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/animated contact card/readme.md -------------------------------------------------------------------------------- /animated contact card/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/animated contact card/src/index.html -------------------------------------------------------------------------------- /animated contact card/src/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/animated contact card/src/script.js -------------------------------------------------------------------------------- /animated contact card/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/animated contact card/src/style.css -------------------------------------------------------------------------------- /bulbs/file.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/bulbs/file.js -------------------------------------------------------------------------------- /bulbs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/bulbs/index.html -------------------------------------------------------------------------------- /bulbs/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/bulbs/style.css -------------------------------------------------------------------------------- /card_animation/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/card_animation/README.md -------------------------------------------------------------------------------- /card_animation/preview/card-animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/card_animation/preview/card-animation.gif -------------------------------------------------------------------------------- /card_animation/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/card_animation/src/index.html -------------------------------------------------------------------------------- /card_animation/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/card_animation/src/style.css -------------------------------------------------------------------------------- /circle effect/file.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/circle effect/file.html -------------------------------------------------------------------------------- /circle effect/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/circle effect/script.js -------------------------------------------------------------------------------- /circle effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/circle effect/style.css -------------------------------------------------------------------------------- /face-rating/file.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/face-rating/file.js -------------------------------------------------------------------------------- /face-rating/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/face-rating/index.html -------------------------------------------------------------------------------- /face-rating/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/face-rating/style.css -------------------------------------------------------------------------------- /glowing menu hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/glowing menu hover/index.html -------------------------------------------------------------------------------- /glowing menu hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/glowing menu hover/style.css -------------------------------------------------------------------------------- /password-input-light/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/password-input-light/src/index.html -------------------------------------------------------------------------------- /password-input-light/src/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/password-input-light/src/script.js -------------------------------------------------------------------------------- /password-input-light/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/password-input-light/src/style.css -------------------------------------------------------------------------------- /ripple button/file.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/ripple button/file.html -------------------------------------------------------------------------------- /ripple button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/ripple button/style.css -------------------------------------------------------------------------------- /springlight/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/springlight/src/index.html -------------------------------------------------------------------------------- /springlight/src/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/springlight/src/script.js -------------------------------------------------------------------------------- /springlight/src/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | overflow: hidden; 3 | margin: 0; 4 | } -------------------------------------------------------------------------------- /stubborn sumit btn/LICENSE.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/LICENSE.txt -------------------------------------------------------------------------------- /stubborn sumit btn/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/README.md -------------------------------------------------------------------------------- /stubborn sumit btn/dist/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/dist/index.html -------------------------------------------------------------------------------- /stubborn sumit btn/dist/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/dist/script.js -------------------------------------------------------------------------------- /stubborn sumit btn/dist/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/dist/style.css -------------------------------------------------------------------------------- /stubborn sumit btn/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/src/index.html -------------------------------------------------------------------------------- /stubborn sumit btn/src/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/src/script.js -------------------------------------------------------------------------------- /stubborn sumit btn/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/stubborn sumit btn/src/style.css -------------------------------------------------------------------------------- /tab bar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/tab bar/index.html -------------------------------------------------------------------------------- /tubelight effect/file.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/tubelight effect/file.html -------------------------------------------------------------------------------- /tubelight effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/tubelight effect/style.css -------------------------------------------------------------------------------- /user-profile-extend/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/user-profile-extend/src/index.html -------------------------------------------------------------------------------- /user-profile-extend/src/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/user-profile-extend/src/script.js -------------------------------------------------------------------------------- /user-profile-extend/src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/user-profile-extend/src/style.css -------------------------------------------------------------------------------- /zzig zag hover buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/zzig zag hover buttons/index.html -------------------------------------------------------------------------------- /zzig zag hover buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/muhammedanaskhan/css-tricks/HEAD/zzig zag hover buttons/style.css --------------------------------------------------------------------------------