消えて現れる文章

Introduced by C-takeC-take

ちくわ大明神

誰だ今の

おす

[[module css]]

#u-bapp{
display:none;
}

.bubble{
display:none;
}

#u-bapp:target ~ .bubble{
display:block;
}

#u-bapp:target ~ .bubble .appear{
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity:0;
zoom:1; /*IE*/
-webkit-animation:fadeIn 10s ease 5s 1 normal;
animation: fadeIn 10s ease 5s 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#u-bapp:target ~ .bubble .delete{
-webkit-animation:fadeout 5s ease 0s 1 normal;
animation: fadeout 5s ease 0s 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity:0;
zoom:1; /*IE*/
}
    100% {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:100; /* FF , Netscape */
-khtml-opacity: 100; /* Safari 1.x */
opacity:100;
zoom:1; /*IE*/
}
}

@-webkit-keyframes fadeIn {
    0% {
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity:0;
zoom:1; /*IE*/

}
    100% {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1; /* FF , Netscape */
-khtml-opacity: 1; /* Safari 1.x */
opacity:1;
zoom:1; /*IE*/
}
}

@keyframes fadeout {
    0% {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1; /* FF , Netscape */
-khtml-opacity: 1; /* Safari 1.x */
opacity:1;
zoom:1; /*IE*/
}
    100% {
filter:alpha(opacity=0); /* IE 6,7*/
-ms-filter: "alpha(opacity=0)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity:0;
zoom:1; /*IE*/
}
}

@-webkit-keyframes fadeout {
    0% {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:0; /* FF , Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity:0;
zoom:1; /*IE*/
}
    100% {
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1; /* FF , Netscape */
-khtml-opacity: 1; /* Safari 1.x */
opacity:1;
zoom:1; /*IE*/
}
}
[[/module]]

[[div id="u-bapp"]]
[[/div]]
[[div class="bubble"]]
[[div class="delete"]]
+ ちくわ大明神
[[/div]]
[[div class="appear"]]
誰だ今の
[[/div]]
[[/div]]

[#u-bapp おす]
特に指定がない限り、このサイトのコンテンツには次のライセンスが適用されます: Creative Commons Attribution-ShareAlike 3.0 License