Tag Archives: css3

Grid background with CSS

Need to create a grid-like background? I recently needed one for an image drop-zone. It’s pretty simple to generate a grid background using the linear-gradient feature of CSS. https://codepen.io/goodkoding/pen/YMeaKr/ Simulated on CodePen The CSS lines to notice here is this: background-image: linear-gradient($white .4rem, transparent .4rem), linear-gradient(90deg, $white .4rem, transparent .4rem); background-size: 10rem 10rem; Here we’ve […]

Traffic Simulation with HTML/CSS

Here is how to create a traffic simulation using HTML/CSS …and a pinch of JavaScript. I used CSS3 animations, vehicle images from freepik and jQuery. First, let’s create the road where the vehicles will run. We’ll add three lanes where one will be reserved for priority vehicles and public transports. On each lane, we’ll add […]