Welcome to the DFO World Wiki. With many major updates since the release of DFO, many items are missing. Visit Item Database Project to learn more.
Please remember to click "show preview" before saving the page.
Thanks for the updated logo snafuPop!

User:No.5972/common.css

From DFO World Wiki
< User:No.5972
Revision as of 10:17, 26 January 2016 by No.5972 (talk | contribs)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.csstest1 {
    font-size:22px;
}

.mask
{
width:2000px;
height:2000px;
background:#ffffff;
position:absolute;
transform:translateX(2000px);
visibility:hidden;
animation:welcome 7s;
-moz-animation:welcome 7s; /* Firefox */
-webkit-animation:welcome 7s; /* Safari and Chrome */
-o-animation:welcome 7s; /* Opera */
}

@keyframes welcome
{
from {transform:translateX(0px);visibility:visible;}
to {transform:translateX(2000px);visibility:visible;}
}

@-webkit-keyframes welcome
{
from {transform:translateX(0px);visibility:visible;}
to {transform:translateX(2000px);visibility:visible;}
}

@-ms-keyframes welcome
{
from {transform:translateX(0px);visibility:visible;}
to {transform:translateX(2000px);visibility:visible;}
}

@-webkit-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-moz-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-ms-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-o-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-webkit-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-moz-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-ms-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@-o-keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}
@keyframes marquee {
  0%{left:100%}
  100%{left: -150%}
}

.marquee {
  height: 30px;

  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  
  position: absolute;
  overflow: hidden;

  -webkit-animation: marquee 8s linear infinite;
  -moz-animation: marquee 8s linear infinite;
  -ms-animation: marquee 8s linear infinite;
  -o-animation: marquee 8s linear infinite;
  animation: marquee 8s linear infinite;
}