---
title: "Discussion on \"CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)\" | Hashnode"
description: "Discussion on \"CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)\". Today let's work with CSS animations, delays and flex box in order to create a nice little ripple effect on a colored mosaic.\nRead the full article or watch me code this on Youtube:\nhttps://www.youtube.com/watch?v=GmjnDw_DQD8\nResult\nhttps://codepen.i..."
url: "https://hashnode.com/posts/mosaic-ripple-loader/5ff21425a3903205a66665ca"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)](https://crayoncode.hashnode.dev/mosaic-ripple-loader?utm_source=hashnode&utm_medium=feed)

Today let's work with CSS animations, delays and flex box in order to create a nice little ripple effect on a colored mosaic. Read the full article or watch me code this on Youtube: https://www.youtube.com/watch?v=GmjnDw\_DQD8 Result https://codepen.i...

Jan 3, 2021 · 6 min read · crayoncode.hashnode.dev  
Read the article

-   [#web-development](https://hashnode.com/tag/web-development)
-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)
-   [#css-animation](https://hashnode.com/tag/css-animation)
-   [#ui](https://hashnode.com/tag/ui)

## Written by

[crayon code](https://hashnode.com/@crayoncode)

@crayoncode

  
[View profile](https://hashnode.com/@crayoncode)

Web Application Architect

I'm a software architect for web applications working mostly with Node.js, Vue.js and inevitably also with HTML, (S)CSS and many other technologies that connect to it.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.