Submitted over 1 year ago
Data Storage Component | Custom UI Background, BEM, Animation
@teoh4770
Design comparison
SolutionDesign
Solution retrospective
Feel free to leave feedback and help me improve my code structure or even the solution!
Hi there! This is my attempt at the data storage component with Frontend Mentor. I take inspiration from @correlucas and make my own custom background and animation.
This is what I learnt(mostly CSS):
- BEM naming convention
- Simple animation and transition(Have a ton of fun with it!)
- Background gradient
- Implement the linear gradient to the text colour with the background-clip CSS property
- Create a polygon with clip-path
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord