Caption Reveal

This is a nice scenario where once you might have used JavaScript. You can check out the code below, but it’s easy enough to visualise how this one works.

  1. You have a <figure>, and within that is the <img> and a <figcaption>
  2. The <figcaption> is positioned absolutely within the <figure> and has an opacity of 0
  3. On hovering the <figure> we give the <figcaption> an opacity of 1 and a box-shadow to darken the background

 

Check out this Pen!

Here it goes

This is my nth attempt at creating a blog. Most often times I stopped because I felt I had nothing to talk about, but I find that with more and more experience I’m finding my voice :)

Mostly regarding web development, but I’m sure some other stuff will creep in as well.

The wonderful theme is called Svbtle