SCRIPTED - Images

Hot Pink

Brown

Orange

Purple

Pink Paper

Blue 1

Blue 2

Blue 3

Biscuit

Flower

Beaded Hearts

Doily

Pink 1

Pink 2

Yellow

White (c) baeyhkun

Golden Frame

White

Yellow & Pink Heart

Pink 3

Pink 4

Pink 5

Pink 6

Pink 7

Pink 8 (c) solielios

Grey (c) solielios

Black

Chocolate

Pink frame (c) lovermonth new

Hello! Tooltip image on text shows when hovered

Tool Tip Hover

</script>

Fog Mask

Circle Mask

Star Mask (c) imiyaimi

Paper Mask

Blurred Edges Mask

Pop Animation

Float Animation

Hello Kitty Mask (c) vilIarreaI

Rotate Blur Hover

jellymask image twitch
Example

Spinning CD/Vinyl

Heart Hover

Star Hover (c) tubbox

Bounce Hover

.img-infinitebouncehover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.img-infinitebouncehover:hover {
  -webkit-animation-name: bounces;
  animation-name: bounces;
}

@-webkit-keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

Shake Hover

Grayscale Hover

Saturate Hover

Slide Right Hover

Dropshadow on Image

Uneven Border

Gradient Border

Inset Border

Double Border

Dashed Border

Dotted Border