3 Simple Steps to Create a CSS Beacon

Thursday, February 3, 2011

Often times, maps seem to need beacons to display where the location you’re headed to is located. So, I’ve created this quick little tutorial on creating a beacon using only some CSS. Here’s the HTML that we’ll be working with: <div class=”map”> <img src=”http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/BlankMap-World6.svg/200px-BlankMap-World6.svg.png” alt=”SVG World Map”> <div class=”marker”></div> </div> #example1 .map, #example2 .map, #example3 [...]

Comments (1)

CSS Jelly Buttons

Friday, January 8, 2010

I keep seeing these nice looking jelly button images, but I was wondering if there’s a decent way of creating these jelly buttons without using images. Since CSS3 is now becoming popular, I decided to try to create one just using HTML and CSS3. So, if you would like to create a 3D looking jelly [...]

Comments (2)