mostafa amine
mostafaamine

mostafaamine

Top CSS resources to improve your productivity

Top CSS resources to improve your productivity

mostafa amine
·Mar 3, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • 1- FANCY-BORDER-RADIUS
  • 2- css gradient
  • 3- neumorphism
  • 4- CSS Clip-path Maker
  • 5- cubic-bezier
  • 6- Css waves generator
  • 7- SVG Waves generator
  • 8- shadows

Hello everyone, in this article, you will see a list of top CSS resources to improve your productivity and your skills So let's start

1- FANCY-BORDER-RADIUS

  • FANCY-BORDER-RADIUS help you to generate unique shapes with the help of CSS3 border-radius property

image.png

2- css gradient

  • CSS gradient is a tool that lets you create a gradient background for websites even me i use it for my header and the footer

image.png

3- neumorphism

  • neumorphism is a CSS code generator for a new popular design trend called Neumorphism

image.png

4- CSS Clip-path Maker

  • CSS Clip-path Maker is a property allows you to make shapes as you want

image.png

5- cubic-bezier

  • cubic-bezier tool helps you to make CSS animation as you want with the CSS animation properties

image.png

6- Css waves generator

  • The CSS waves generator is a tool that helps you to make simple waves with some customization

image.png

7- SVG Waves generator

  • SVG Waves generator offer you to use animated waves

image.png

8- shadows

  • you can generate shadows as you want and with the number of layers you want you can also customize the color from the curve.

image.png

Thank you for reaching the end. See you in another article ❤️

 
Share this