Using the :after element to add a gradient overlay to a background image. Blog post: https://alexcarpenter.me/posts/2018/08/background-image-gradient-overlay/
A Pen by Alex Carpenter on CodePen.
codezxc
codezxc
/ background-image-gradient-overlay.markdown
Created
April 6, 2022 09:00
Background image gradient overlay
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="imgLoader"></div> | |
| <div class="container"> | |
| <h1 class="title"> | |
| Turning pages<br>with css | |
| </h1> | |
| <div class="credit"> | |
| * Images loaded randomly from Picsum.photos |
codezxc
/ glassmorphism-creative-cloud-app-redesign.markdown
Created
April 6, 2022 07:27
Glassmorphism Creative Cloud App Redesign
Inspired by Mikołaj Gałęziowski "https://dribbble.com/shots/14831798-Glassmorphism-Big-Sur-Creative-Cloud-App-Redesign"
A Pen by Aysenur Turk on CodePen.