---
title: Scratch Art Project
description: A fun jQuery project I did on a snowy day.
---

[The Nerdy PM](https://www.victoriagumaer.com)

# [Scratch Art Project](https://www.victoriagumaer.com/scratch-art-project)

 Written by [Victoria Gumaer](https://www.victoriagumaer.com/author/victoria-gumaer) | Mar 19, 2019 12:31:33 PM

I was feeling somewhat nostalgic for those scratch-art paper packs one day, so I decided to create a digital version of one. Cruise over the block box with your mouse cursor and watch as the black fades away to reveal the rainbow design beneath. This project uses a little bit of jQuery to create a series of empty divs with a black background. As the user’s mouse enters the field of the divs the opacity is faded to 0. I was originally using .remove(), but I find I like the fadeTo effects better. While this wouldn’t be an ideal design for a real website, it was a fun exercise in coding magic.

[View full post](https://www.victoriagumaer.com/scratch-art-project)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Victoria Gumaer"
  },
  "dateModified" : "2019-03-19T12:31:43.553Z",
  "datePublished" : "2019-03-19T12:31:33Z",
  "headline" : "Scratch Art Project",
  "image" : {
    "@type" : "ImageObject",
    "height" : 3744,
    "url" : "https://www.victoriagumaer.com/hubfs/art-art-materials-background-1191710.jpg",
    "width" : 5616
  },
  "mainEntityOfPage" : "https://www.victoriagumaer.com/scratch-art-project",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "The Nerdy PM"
  }
}
```