CSS Funnctions ::
CSS functions are used as a value for various CSS properties. There are many CSS functions but in this post we are looking only the following functions :-
If there’s one function you should spend some time experimenting with, it’s calc().
This function takes two arguments and calculates a result from the operator (+, -, *, /) you supply it,
Instead of keyword values like ease, ease-in-out, or linear, you can use cubic-bezier() to create a custom timing function for your animation.
The hue-rotate() CSS function rotates the hue of an element and its contents.
Conic gradients are different from radial gradients in that the color rotates around a circle. Because of this, we can do neat things like create donut charts.
This function can be used in photo editing apps. There are many functions like this eg : blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() . you can use this the same way.
We can use drop-shadow() when we have a png image and we want to put shadow on it.Using box-shadow it won't look great. So we use drop-shadow().
Hey, guys there were more functions to add in this but will be making a part 2. Only If you give a good response to this post
Or DM me to get resources.
DON'T FORGET TO SAVE THIS
Follow @developers_community_._ for amazing web development knowledge and projects.
@reactjs1 @richwebdeveloper @webdev_guru @code.know @developerspace @codergallery @webapp_creator @_protip_ @codingkites