SCPPER-CN

7happy7 的 SVG-动画 画廊

源页面
Etinjat
Etinjat
2019年7月1日
修订 23
#动画#标志#艺术家

核心指标

更新于 2025年11月6日
评分
71
↑ 71
↓ 0
支持率
100%
总票数 71
Wilson 95% 下界
94.9%
在相同票数下更稳健的支持率估计
争议指数
0.000

评分趋势

按周聚合
加载图表中...

最近修订

1 / 8
修改标签
blackinblack
blackinblack
1 年前
已新增标签：动画, 标志, 艺术家。 移除标签：艺术作品。
编辑内容
Dr Hormress
Dr Hormress
3 年前
编辑内容
hoah2333
hoah2333
4 年前

最近投票

1 / 8
Solar Sea-36
Solar Sea-36
2025-09-20
Liurd
Liurd
2024-12-17
acoriander
acoriander
2024-05-07
jinzhanApliuhaizhu
jinzhanApliuhaizhu
2023-11-17
jackpreat
jackpreat
2023-03-12
Scarlethomer
Scarlethomer
2022-12-30
sea-buckthorn
sea-buckthorn
2022-09-25
xywy
xywy
2022-09-12
Mr Bottle
Mr Bottle
2022-04-30
XashF
XashF
2022-04-12

页面源码

源码字符数 11407文字字数 2515
[[module CSS]]
.animSVG {
    width: 100%;
    height: 0px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
[[/module]]

[[include :scp-wiki-cn:credit:start-standalone]]
**动态图标作者：**
[[*user 7happy7]]

**特别鸣谢（按字母顺序）：**
[[*user sheila_1576]]（图片修改）
[[*user tsucchii0301]]（图片修改）
[[*user Woedenaz]]（贝塞尔曲线）

**原始图标的作者们（按字母顺序）**
[[*user Aelanna]]（全球超自然联盟）
[[*user breaddddd]]（修正花卉）
[[*user djkaktus]]（破碎教会，新混沌）
[[*user DrKens]]（MC&D）
[[*user Fantem]]（梦神集团）
[[*user Nanimono Demonai]]（2019 回收竞赛）
[[*user SunnyClockwork]]（艺作“深红王之子”）
[[*user thd-glasses]]（超熵）
[[*user Tanija]]（猛龙科技工业）
[[*user TPS-Geronam]]（玛瑙盲者共同体）
[[*user TwistedGears]]（旧混沌）

= **CC BY-SA 3.0**

[[div style="border: 1px solid #494;border-radius: 10px;margin: 0 auto;padding: 0 10px; width: 14em; background-color: #141212;background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));background-size: 100% 2px, 3px 100%;background-repeat: repeat;"]]
[[include :topia:php-interwiki-colorchange |link=494|header=5f5]]
[[include :topia:php-interwiki-inc |lang=cn]]
[[/div]]

[[include :scp-wiki-cn:credit:end-standalone]]

[[include :topia:sp-header
|top=嗨，%%title%%！
|top-default=嗨，你好！
|sub=请享受吧！
|sub-default=请享受吧！
]]
[[include :topia:pride-animated-source]]
[[module CSS]]
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/ciLogo.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/caecus-c.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/fixed-flowers.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/gocLogo.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/mcdLogo.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/oneiroi.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/recycle.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/scarlet-2.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/cotbg.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/beyondE.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/rTech.css");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/joicl.css");

.artContent h2 {
    text-align: center;
    background: #A0c6cE;
    color: #fff;
    overflow: hidden;
}
.artContent h2 span {
    animation: smooth 10s ease-in-out infinite;
    display: inline-block;
    width: 100%;
}
@keyframes smooth {
    0% {transform: translate(-120%,0); opacity: 0;}
    20%,80% {transform: translate(0,0); opacity: 1;}
    100% {transform: translate(120%,0); opacity: 0;}
}


.artContent .animSVG {
    box-shadow: 0 0.0625rem 0.375rem rgba(0,0,0,0.25);
}
.artContent blockquote {
    text-align: center;
}
.artContent blockquote a:not([onclick]) {
    background-color: rgb(133,0,5);
    border-radius: 0.5rem;
    color: #fff;
    display: inline-block;
    margin: 0.5rem 0 0;
    padding: 0.1rem 0.5rem;
    transition: border-radius 0.5s, transform 0.5s;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.artContent blockquote a:not([onclick]):visited {
    background-color: rgb(230,40,60);
    color: #fff;
}
.artContent blockquote a:not([onclick]):hover {
    border-radius: 0;
    box-shadow: 0 0 0.15rem #fff;
    text-decoration: none;
    transform: scale(1.1);
}
.artContent blockquote a:not([onclick]):before {
    content: "链接：";
    font-size: 0.7rem;
    font-weight: bold;
}
.artContent blockquote a:not([onclick]):after {
    content: "\f0c1";
    display: block;
    font: normal normal normal 0.9rem/1 FontAwesome;
    text-rendering: auto;
    transition: transform 0.5s;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.artContent blockquote a:not([onclick]):hover:after {
    transform: rotateY(360deg);
}

/* Nanimono Daemon's warning box */
.warning {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #b01;
}
.warning h1{
    position: absolute;
    margin-top: 0;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #b01;
    color: #ffffff;
    font-weight: bold;
}
.warning p {
    margin: 0;
    padding: 0;
}


#header {
    background: var(--anim-pride) 15px 40px no-repeat !important;
    background-size: 6rem !important;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
     background-position: 0.5em 4.5em !important;
     background-size: 66px 66px !important;
    }
}

@media (max-width: 479px) {
    #header {
     background-position: 0 5.5em !important;
     background-size: 55px 55px !important;
    }
}
.footnotes-footer {
    display: none;
}
[[/module]]

[[div class="artContent"]]
++* 欢迎来到怪奇画廊...
这里是艺作页，**同时也是组件页面！**你可以使用这些东西到你的文章里，只需要 @@[[include]]@@ 就好啦。请尽情享用我的 SVG 动画吧！

**注意：**当您在文章中使用这些 SVG 时，请提及原始图标的作者[[footnote]]您可以在 SVG 的描述里，或着在著作信息块中标明此。[[/footnote]]！

[[div class="warning"]]
+* [[span class="fa fa-exclamation-triangle fa-lg"]]@<&nbsp;>@[[/span]]提醒
有些 SVG 可能不会在 **IE**[[footnote]]这些都无法播放！！！//**淦！！！**//[[/footnote]]、**Edge**[[footnote]]“MC&D”（//略微//崩坏），“超熵”（//略微//崩坏）[[/footnote]]，以及 **Firefox**[[footnote]]“GOC”（//略微//崩坏），“深红王之子 02”（//完全//崩坏）[[/footnote]] 正常播放。//如果你想要看完整的版本，请使用 ##red|**Chrome**## 或者智能手机的浏览器。//
[[/div]]

[[toc]]

+ 英文站相关组织
[[div class="oneiroi animSVG" style="padding-bottom: calc(346.22 / 337.63 * 50%); background-image: var(--oneiroi);"]]
[[/div]]
> 基于 [[*user Fantem]] 设计的 西部梦神 图标
> http://scp-wiki-cn.wikidot.com/oneiroi
> ----
> [[include :scp-wiki:svg-animation |oneiroi=true|width=100%]]
----
[[div class="gocLogo animSVG" style="padding-bottom: calc(100% / 1.5); background-image: var(--gocLogo);"]]
[[/div]]
> 基于 [[*user Aelanna]] 设计的 全球超自然联盟 图标
> http://scp-wiki-cn.wikidot.com/goc-hub-page
> ----
> [[include :scp-wiki:svg-animation |gocLogo=true|width=100%]]
----
[[div class="cotbg animSVG" style="width: 100%; padding-bottom: calc(100% * 5 / 9); background-image: var(--cotbg);"]]
[[/div]]
> 基于 [[*user djkaktus]] 设计的 破碎之神教会 图标（由 [[*user sheila_1576]] 进行修改，以及经 [[*user Woedenaz]] 设定贝塞尔动画函数代码）
> http://scp-wiki-cn.wikidot.com/groups-of-interest
> ----
> [[include :scp-wiki:svg-animation |cotbg=true|width=100%]]
----
[[div class="cotbg animSVG" style="width: 100%; padding-bottom: calc(50% / 32 * 31); background-image: var(--mcdLogo);"]]
[[/div]]
> 基于 [[*user DrKens]] 设计的 MC&D 图标（由 [[*user tsucchii0301]] 进行修改）
> http://scp-wiki-cn.wikidot.com/marshall-carter-and-dark-hub
> ----
> [[include :scp-wiki:svg-animation |mcdLogo=true|width=100%]]
----
[[div class="ciLogo animSVG" style="width: 100%; padding-bottom: calc(100% / 1.5); background-image: var(--ciLogo);"]]
[[/div]]
> 基于 [[*user TwistedGears]] 和 [[*user Chubert]] 设计的 混沌分裂者 图标（老版本）和 [[*user djkaktus]] 设计的图标（新版本，经 [[*user tsucchii0301]] 微调）
> http://scp-wiki-cn.wikidot.com/chaos-insurgency-hub
> http://scp-wiki-cn.wikidot.com/groups-of-interest
> ----
> [[include :scp-wiki:svg-animation |ciLogo=true|width=100%]]
----

+ 韩文站相关组织
[[div class="beyondE animSVG" style="padding-bottom: 50%; background-image: var(--beyondE);"]]
[[/div]]
> 基于 [[*user thd-glasses]] 的 超熵 图标（SCP-KO）
> http://ko.scp-wiki.net/beyond-entropy-hub
> ----
> [[include :scp-wiki:svg-animation |beyondE=true|width=100%]]
----

+ 中文站相关组织
[[div class="fixed-flowers animSVG" style="padding-bottom: 50%; background-image: var(--fixed-flowers);"]]
[[/div]]
> 基于 [[*user breaddddd]] 设计的 修正花卉 图标（SCP-CN）
> http://scp-wiki-cn.wikidot.com/fixedflowers
> ----
> [[include :scp-wiki:svg-animation |fixed-flowers=true|width=100%]]
----

+ 德文站相关组织
[[div class="caecus-c animSVG" style="padding-bottom: 75%; background-image: var(--caecus-c);"]]
[[/div]]
> 基于 [[*user TPS-Geronam]] 设计的 玛瑙盲者共同体 图标（SCP-DE）
> http://scp-wiki-de.wikidot.com/caecus-c-hub
> ----
> [[include :scp-wiki:svg-animation |caecus-c=true|width=100%]]
----
[[div class="rTech animSVG" style="padding-bottom: calc(100% * 241 / 424); background-image: var(--rTech);"]]
[[/div]]
> 基于 [[*user Tanija]] 的 猛龙科技工业 图标（SCP-DE）
> http://scp-wiki-de.wikidot.com/raptor-tec-industries
> http://www.scp-wiki.net/tanijas-atelier-ecke
> ----
> [[include :scp-wiki:svg-animation |rTech=true|width=100%]]
----

+ 日文站相关组织
[[div class="joicl animSVG" style="padding-bottom: 100%; background-image: var(--joicl);"]]
[[/div]]
> 基于 [[*user tsucchii0301]] 的 日本生类创研 图标（SCP-JP）
> http://ja.scp-wiki.net/goi-icon
> ----
> [[include :scp-wiki:svg-animation |joicl=true|width=100%]]
----

+ 非相关组织的图标
[[div class="recycle animSVG" style="padding-bottom: 240px; background-image: var(--recycle);"]]
[[/div]]
> 基于 [[*user Nanimono Demonai]] 设计的 2019 回收竞赛中心页 图标（SCP-JP）
> http://ja.scp-wiki.net/recyclecontest19
> ----
> [[include :scp-wiki:svg-animation |recycle=true]]
----

[[div class="scarlet-2 animSVG" style="padding-bottom: 75%; background-image: var(--scarlet-2);"]]
[[/div]]
> 基于 [[*user SunnyClockwork]] 的艺术作品（深红王之子-02）
> http://www.scp-wiki.net/sunny-art-goi
> ----
> [[include :scp-wiki:svg-animation |scarlet-2=true|width=100%]]
----

[[/div]]

[[iftags -艺术作品]]
[!--
[[/iftags]]
[[include :scp-wiki-cn:component:license-box
|author=7happy7]]
=====
> **文件名：**beyondE.css
> **版式名：**beyondE.css
> **版式作者：**[[*user Fantem]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**caecus-c.css
> **版式名：**caecus-c.css
> **版式作者：**[[*user Aelanna]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**ciLogo.css
> **版式名：**ciLogo.css
> **版式作者：**[[*user djkaktus]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**cotbg.css
> **版式名：**cotbg.css
> **版式作者：**[[*user DrKens]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**fixed-flowers.css
> **版式名：**fixed-flowers.css
> **版式作者：**[[*user TwistedGears]] [[*user Chubert]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**gocLogo.css
> **版式名：**gocLogo.css
> **版式作者：**[[*user thd-glasses]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**joicl.css
> **版式名：**joicl.css
> **版式作者：**[[*user breaddddd]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**mcdLogo.css
> **版式名：**mcdLogo.css
> **版式作者：**[[*user TPS-Geronam]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**rTech.css
> **版式名：**rTech.css
> **版式作者：**[[*user Tanija]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**oneiroi.css
> **版式名：**oneiroi.css
> **版式作者：**[[*user tsucchii0301]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**recycle.css
> **版式名：**recycle.css
> **版式作者：**[[*user Nanimono Demonai]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

> **文件名：**scarlet-2.css
> **版式名：**scarlet-2.css
> **版式作者：**[[*user SunnyClockwork]]
> **授权协议：**CC BY-SA 3.0
> **来源链接：***http://scp-wiki.wikidot.com/svg-animation

=====
[[include :scp-wiki-cn:component:license-box-end]]
[[iftags -艺术作品]]
--]
[[/iftags]]