SCRIPTED RESOURCES

scripted resources scripted.neocities.org

• Tutorial: Create frame and borders from material websites
• To hide/show images with border styles, click Hide/Show Images button.

Border

Empty Template for Border/Frame

Beaded Hearts

Biscuit

Black

Blue 1 (c) reijeoh

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

Heart Mask

Infinite Bounce

.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

Saturate

Shake

Slide Right

Star (c) tubbox

Tool Tip

Basic

Dashed

Dotted

Double

Dropshadow

Gradient

Inset

Uneven