SCRIPTED RESOURCES

scripted resources scripted.neocities.org

• A tutorial: Use and create border/frame from foollovers
• To hide/show images with border styles, click Hide/Show Images button.

Border

Beaded Hearts

Biscuit

Black

Blue 1

Blue 2

Blue 3

Brown

Chocolate

Flower

Golden Frame

Grey (c) solielios

Hot Pink

Orange

Pink 1

Pink 2

Pink 3

Pink 4

Pink 5

Pink 7

Pink 6 (c) solielios

Pink 7 (c) lovermonth

Pink Paper

Purple

White 1

White 2 (c) baeyhkun

Yellow & Pink Heart

Mask

Empty Template for inserting any mask image

Circle Mask

Blurred Edges Mask

Fog Mask

Hello Kitty Mask (c) viliarreai

Paper Mask

Star Mask (c) imiyaimi

Nene's Mask B1 (c) solielios

Nene's Mask B2 (c) solielios

Nene's Mask B3 (c) solielios

Flower Mask Collection (c) fiorefae

Animation

Float Animation

Jellymask Image

Pop Animation

Spinning CD/Vinyl

Hover

Grayscale Hover

Heart Hover

Infinite 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);
  }
}

Rotate Blur Hover

Saturate Hover

Shake Hover

Slide Right Hover

Star Hover (c) tubbox

Hello! Tooltip image on text shows when hovered

Tool Tip Hover

Basic

Dashed

Dotted

Double

Dropshadow

Gradient

Inset

Uneven

iframe
link