SCP Animation Archives

Link to article: SCP Animation Archives.

Module Styles

• @media (min-width: 768px) {
      #main-content { max-width: min(900px, calc(100% - 4rem)); }
  }
  :root {
    --header-subtitle: "Animation Archives";
    --sp_header-subtitle-scale: 2.125;
  }
  #header h1 a::before, #header h2 span::before {
      font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
  }
  
  body {
      background-image: linear-gradient(
          to bottom,
          #FCFCFC, #FCFCFC 100%);
  }
  
  div#extra-div-1 {
      height: 140px;
      width: 100%;
      top: 28px;
      position: absolute;
      background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(50vw - 380px) 50%;
      z-index: -1;
  }
  @media (max-width: 767px) {
      div#extra-div-1 {
           opacity: 0.2;
           background-position: 50% 50%;
      }
  }
  
  .socontent.header h1 {
      font-size: 1.85rem;
      max-width: max-content;
      margin: 2.5rem auto 1rem;
  }
  .socontent.header h1 span {
      padding: 0 .25em;
      text-transform: uppercase;
  }
  
  blockquote,
  div.blockquote,
  #toc,
  .code {
      background-color: var(--paper-background-color);
      border: solid .05rem var(--paper-block-color);
      box-shadow: 0 0 .25rem var(--paper-shadow-color);
  }
  
  .legend-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));
      grid-gap: 10px;
      box-sizing: border-box;
  }
  
  .legend-box {
      border: 1px solid white;
  }

Inline Styles

• (none)

Includes

• :scp-wiki:theme:paperstack [info]
• :scp-wiki:component:toggle-sidebar [info]

CSS Classes

• (none)

Page Source

[[include :scp-wiki:theme:paperstack]]
[[include :scp-wiki:component:toggle-sidebar]]

[[module CSS]]
@media (min-width: 768px) {
    #main-content { max-width: min(900px, calc(100% - 4rem)); }
}
:root {
  --header-subtitle: "Animation Archives";
  --sp_header-subtitle-scale: 2.125;
}
#header h1 a::before, #header h2 span::before {
    font-family: 'Sans Normalcy', 'Nanum Gothic', 'Arial', sans-serif;
}

body {
    background-image: linear-gradient(
        to bottom,
        #FCFCFC, #FCFCFC 100%);
}

div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 28px;
    position: absolute;
    background: url("https://scp-wiki.wdfiles.com/local--files/sigma-9-themes/SCP_F.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(50vw - 380px) 50%;
    z-index: -1;
}
@media (max-width: 767px) {
    div#extra-div-1 {
         opacity: 0.2;
         background-position: 50% 50%;
    }
}

.socontent.header h1 {
    font-size: 1.85rem;
    max-width: max-content;
    margin: 2.5rem auto 1rem;
}
.socontent.header h1 span {
    padding: 0 .25em;
    text-transform: uppercase;
}

blockquote,
div.blockquote,
#toc,
.code {
    background-color: var(--paper-background-color);
    border: solid .05rem var(--paper-block-color);
    box-shadow: 0 0 .25rem var(--paper-shadow-color);
}

.legend-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));
    grid-gap: 10px;
    box-sizing: border-box;
}

.legend-box {
    border: 1px solid white;
}
[[/module]]

[[>]]
[[module rate]]
[[/>]]

[[=]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/Intro%20logo]]

-----

+ Welcome to the SCP Animation Archives!

This collaborative space is dedicated to showcasing original SCP-themed animations created by talented artists from our community. Animators are encouraged to contribute their unique interpretations of the SCP universe, bringing stories and entities to life through dynamic visuals.

Whether you're an experienced animator or exploring this art form for the first time, your contributions are valued and celebrated here.

++ Guidelines for Submission:

* Animations must be in either GIF or WebP format.(Make sure the file size stays under 2MB)
* To convert your animated video into a GIF or to optimize the size of your animated GIF, you can use this website [https://ezgif.com/video-to-gif here].
* All submissions should be original works created by the contributing artist.
* If you come across any interesting animations on the wiki that you’d like to feature here, you are welcome to include them, provided you have obtained permission from the original creator.
* Collaborative projects are welcome, as long as all contributors are credited.
* Please include your username below your animation along with the title/name of your animation.

Join us in expanding the world of SCP through animation, and explore the creativity of fellow animators in this ever-growing collection.
[[/=]]
-----
//"Here are some of my animations for example, just like every beginner animator, I started it with a simple ball bouncing animation."//

[[[SCP-018]]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/018]]
@@ @@
//"Ball" by [[*user Dr Avenlee]]//
----

[[[SCP-035]]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/035]]
@@ @@
//"Corrosive Drip" by [[*user Dr Avenlee]]//
----

[[[SCP-085]]]
[[image https://scp-wiki.wikidot.com/local--files/art:file-princess-cassandra/Dr_Avenlee-Contest-Entry.GIF.gif]]
@@ @@
//"Princess Cassandra" by [[*user DocBubbles]] and [[*user Dr Avenlee]], originally posted [https://scp-wiki.wikidot.com/art:file-princess-cassandra here.]//
----

[[[SCP-173]]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/173]]
@@ @@
//"Footage-173" by [[*user Dr Avenlee]]//
----

[[[SCP-999]]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/999]]
@@ @@
//"Peek-A-Boo!" by [[*user Dr Avenlee]]//
----

[[[SPC-hub]]]
[[image https://scp-wiki.wikidot.com/local--files/art:scp-animation-archives/dgjz5mk-bb876ca5-1f86-48f2-a84c-5ab0145e411a.gif]]
@@ @@
//"The Centre in Action" by [[*user Gelbsucht_IE]], orginally posted [[[https://scp-wiki.wikidot.com/art:shark-punching-fun|here]]]//
----