Faq Accordion
Minimal FAQ accordion made with little vanilla JavaScript.
Made with: HTML,CSS,JavaScript
Play Button Animation
Play button animation in HTML, CSS and JS.
Made with: HTML (Pug),CSS (SCSS),JavaScript (Babel)
Animated Underlines
Demo of an animated underline effect. Pure CSS animation.
Made with: HTML
Svg Button Hover Effect With Snap.Svg
Simple button hover effect by replacing the text in a button with an svg element which mimics the button in order to create an effect which can not (easily?) be done with CSS.
Made with: HTML
Css Weather Animations
Some simple weather icons and animations made with HTML & CSS.
Made with: HTML,CSS (SCSS)
Tab With Onclick Step Effect
Bootstrap tab with onclick step effect.
Made with: HTML,CSS,JS
Css-Only Image Slider Using Svg Patterns
This is an experiment on how SVG patterns can help us create masked-like images for a CSS-only image slider.
Made with: HTML
Planets App Svg Animation
Clicking on a planet reveals more information about that planet.
Made with: HTML,CSS (SCSS),JS
Social Icons
Social icons with vision 3D effect in HTML and CSS.
Made with: HTML,CSS (SCSS)
Simple On-Click Search Field Interaction
All the icons/images are made with CSS - the onlick interaction is done with the sibling selector ~.
Made with: HTML (Pug),CSS (Sass)
Button Border Slide Mixin
A Sass mixin for a link animation where the border slides around the link on hover.
Made with: HTML,CSS (SCSS)