Home » CSS

Daily CSS Challenge – 10 – Pencil Jar (animated)

Creating images with code. This is my 10th entry for the Daily CSS Images Challenge. Topic for the day is “Pencil Jar”. I wanted to make it more entertaning, so I made the pencils dance a bit. 🙂 To estimate the movement of the objects,…

Read More »

Daily CSS Challenge – 09 – Calendar

Creating images with code. This is my 9th entry for the Daily CSS Images Challenge. Topic for the day is “Calendar”. This is a recreation of the Android, IOS, and Windows Calendar app icons. HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale…

Read More »

Daily CSS Challenge – 08 – Notepad (animated)

Creating images with code. This is my 8th entry for the Daily CSS Images Challenge. Topic for the day is “Notepad”. March 22, 2017 – Pen featured in CodePen.io homepage 🙂 HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual…

Read More »

Daily CSS Challenge – 07 – Rulers of the sea (animated)

Creating images with code. This is my 7th entry for the Daily CSS Images Challenge. Topic for the day is “Ruler”. I used Haml to minimize the markup of li’s. March 21, 2017 – Pen featured in CodePen.io homepage 🙂 March 27, 2017 – Pen…

Read More »

Daily CSS Challenge – 06 – Clock (animated)

Creating images with code. This is my 6th entry for the Daily CSS Images Challenge. It’s a new week and a new category. Topic for the day is “Clock”. Inspired by the Android Clock icon design 🙂 HTML

CSS

Elmer BalbinWeb developer from…

Read More »

Daily CSS Challenge – 05 – Jake The Dog

Creating images with code. This is my fifth entry for the Daily CSS Images Challenge. Topic for the day is “Favorite Cartoon Animal”. March 17, 2017 – Pen featured in Weekly Showcase! HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and…

Read More »

Daily CSS Challenge – 04 – Flat Tiger

Creating images with code. This is my fourth entry for the Daily CSS Images Challenge. Unlike my previous works, I primarily used the ‘border’ property here instead of the usual ‘border-radius’. March 17, 2017 – Pen featured in CodePen.io homepage 🙂 HTML

CSS

Read More »

Daily CSS Challenge – 03 – Cute Beaver

Creating images with code. This is my third entry for the Daily CSS Images Challenge. (Based from an original image by Steven C. Resig) HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual DotA 2 player. about me https://elmerbalb.in

Read More »

Daily CSS Challenge – 02 – Dancing Elephant

Creating images with pure CSS. This is my second entry for the Daily CSS Images Challenge. Feel free to copy the code! But a “thank you” in the comments is appreciated 🙂 HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and…

Read More »

Daily CSS Challenge – 01 – Blinking Bear Cub

Creating images with pure CSS. This is my first entry for the Daily CSS Images Challenge. Feel free to copy the code! But a “thank you” in the comments is appreciated 🙂 HTML

CSS

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and…

Read More »

Material Design Input Fields CSS3

Mimicking the effect of Material Design input fields using CSS. When focused, placeholder text will offset a bit to the top and act as a label. Only difference is that the label disappears when you start typing, which it shouldn’t. This is because I used…

Read More »