CSS

Using CSS to Embed a Video in a Website

HTML5 video embedding involves a predefined box wherein a video would sit. Some developers have begun using a more creative approach, embedding the video which blends with backgrounds or other CSS styling. Most developers would attempt to define this embedding quality while defining the canvas with ...

Using CSS Animation to Create an Engaging Loading Screen

A website that exists to display visual work typically needs to undergo an occasionally lengthy loading process when it is first brought up in an Internet-browsing program. It is very common for this kind of website to put effort into dressing up the loading screen itself ...

How to Easily Create Duotone Images for the Web

A duotone image is one that use halftone colors to modify the image. This is done by superimposing a foreground halftone color with a contrasting background halftone color, which brings out the middle tones of a image as well as the highlights. With the CSS Duotone ...

Get Sharp Animation with These Techniques

These rotating black and white tiles have been revamped by Andy Liu to enhance their optical illusion effect by removing the fuzzy orders. He has changed the resolution to improve the animation quality, also adding lines of code to adjust the framerate and rotation speed. The ...