HTML may be the basic language to create webpages, but cascading style sheets (CSS) have revolutionized the way we make websites. From its inception in the ‘90s, CSS has evolved into a richer and much more exciting style sheet language for online use.
If you haven’t used CSS for quite a long time, you would be surprised these five things that the language can accomplish:
Did you know that you can trigger a slide-up or slide-down action using CSS? Based on this demo page, you can use CSS to toggle or trigger a sliding effect through the “transition-“ series of CSS codes. You may set the kind of transition and the duration in order to achieve the exact animated movement that you need.
Making circles in the past requires the use of image editors, but CSS is now capable of creating them! The technique is actually an exploitation of the “border-radius” property and setting a definite width and height of equal value. Conventional visual properties may be used together with this feature, so that you can define the color and other visual attributes of the circle.
CSS filters have the ability to change the rendering of an image or video as it appears on a webpage. Conventional image editing features that normally exist only on software can now be applied live on an online page.
Some of the filters available for CSS include brightness, contrast, invert, grayscale, opacity, sepia, and saturate. All you need to do is set a value between 0 and 1 for each filter. This new CSS feature also allows you to render blur and hue-rotate qualities on an image.
Nope, that’s not a Twitter mention, just to be clear. This code snippet allows front-end web developers to test the website layout and features on various browsers and make sure that the pages display properly.
Web developers haven’t stopped playing with the existing languages for decades, and these new discoveries on CSS seem to imply that the ongoing pursuit to expand the rich style sheet language isn’t going to stop anytime soon.