sury⩀

Tag: css

  • Simulating Bicycle Light Using CSS and Vanilla JS

    —

    by

    suryast
    in

    My bicycle’s rear light inspired me to create a pen. In this pen, I’m exploring the LED/neon light effect that CSS can create using simple animation and box-shadow properties. The most challenging bit is to decide what colour the LED circles should be when it’s off. Or how to decorate the box shadows to delineate…

  • Micro Coding Exercise Using CSS Grid, Web API and Vanilla Javascript

    —

    by

    suryast
    in

    This afternoon I came up with a useful coding challenge after spending some time reading about Web APIs – make a battery status using CSS grid, Web APIs and vanilla javascript. I created this small pen. The idea is to use a grid with fours rows, each row represents a quarter of battery life. Using…