Inside out bouncing ball animation

/in /by

A mostly CSS-only cool animation of a ball bouncing within a rectangle. We just need to capture the mouse position with JavaScript.

Basic fade-in animation

/in /by

Workaround to avoid display: none problems.

Let’s allow the user to resize any element

/in /by

HTML and CSS only Interactive Carousel

/in , /by

Snapping, clickable and responsive images in a Carousel effect without JavaScript. Open on JSFiddle to experience full interaction.

Fit SVG into its parent

/in , /by

Open example in a new page and resize the result window to check how the SVG is fitted to his parent.

If what you want is to scale SVG backgrounds, you can check it easily on MDN web docs.