Jack Griffiths

Podcast website: archive page

  • Save
Podcast website: archive page masonry layout masonry podcast site play now archive podcast saturation transparency blur button gradient colourful

Loving the Masonry layout at the moment by David DeSandro. This time I decided to use it to create a podcast archive page. Most of the effects you see here are achieved through CSS:

- Using this CSS to achieve the blurred background on the text panel (note that the saturation of the background is boosted up too)

-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);

- CSS gradient is animated
- Lots of shadows!
- Gradients!
- White shadow on the button text!

text-shadow: 0px 0px 5px rgba(255,255,255, 0.7);

Let me know what you think!

keyboard shortcuts: L or F like