「Widget:Funfo」の版間の差分

提供: アークナイツwiki-ANwiki
移動先: 案内検索
2行目: 2行目:
  
  
  .an-funfo {
+
  .an-funfo1 {
 +
    display: block;
 +
    position: relative;
 +
    left: 50%;
 +
    transform: translateX(-50%);
 +
    overflow: hidden;
 +
    background: none;
 +
    background-color: rgba(73, 73, 73,0);
 +
    background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png);
 +
    background-repeat: no-repeat;
 +
    background-size: 860px ;
 +
    background-position: 0px 0px;
 +
    top: 0px;
 +
    width: 890px;
 +
    height: 136px;
 +
    padding: 10px 10px 10px 10px;
 +
  }
 +
 
 +
.an-funfo2 {
 
     display: block;
 
     display: block;
 
     position: relative;
 
     position: relative;

2021年3月6日 (土) 18:19時点における版

<style>


.an-funfo1 {
   display: block;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
   background: none;
   background-color: rgba(73, 73, 73,0);
   background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png);
   background-repeat: no-repeat;
   background-size: 860px ;
   background-position: 0px 0px;
   top: 0px;
   width: 890px;
   height: 136px;
   padding: 10px 10px 10px 10px;
 }
.an-funfo2 {
   display: block;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
   background: none;
   background-color: rgba(73, 73, 73,0);
   background-image: url(https://wiki.gamerclub.jp/anwiki/images/e/ea/Anwiki広告.png);
   background-repeat: no-repeat;
   background-size: 860px ;
   background-position: 0px 0px;
   top: 0px;
   width: 890px;
   height: 136px;
   padding: 10px 10px 10px 10px;
 }
.an-funfo-box {
   width: 726px;
   height: 91px;
   background:#ffffff;
   margin: 20px 0px 0px 118px;
 }
.an-funfo-logo {
   width: 120px;
   font-size:32px;
   font-weight:bold;
   color:#ff9800;
   margin: 18px 0px 0px 20px;
   transition-duration: 0.4s;
   float:left;
   opacity:0.8;
 }
.an-funfo-font1 {
   width: 430px;
   font-size:18px;
   font-weight:bold;
   color:#333333;
   position: absolute;
   text-decoration: none;
   margin: 50px 0px 0px 156px;
   float:left;
   animation:mymove 20s infinite;;
   -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/
 }
.an-funfo-font2 {
   width: 430px;
   font-size:18px;
   font-weight:bold;
   color:#333333;
   position: absolute;
   text-decoration: none;
   margin: 50px 0px 0px 156px;
   float:left;
   opacity:0;
   animation:mymove 20s infinite;;
   -webkit-animation:mymove 20s infinite;; /*Safari and Chrome*/
   animation-delay:10s;
   -webkit-animation-delay:10s; /* Safari 和 Chrome */
 }
.an-funfo-link {
   width: 110px;
   font-size:22px;
   font-weight:bold;
   color:#ffffff;
   text-align:center;
   background-color: #ff9800;
   transition-duration: 0.4s;
   border-radius:5px;
   float:left;
   opacity:0.8;
   margin: 28px 0px 20px 452px;
 }
.an-funfo-logo:hover,
.an-funfo-link:hover{
   opacity:1;
}
@keyframes mymove{
   0% {top:0px;opacity:0;}
   10% {top:0px;opacity:1;}
   45% {top:0px;opacity:1;}
   55% {top:0px;opacity:0;}
   100% {top:0px;opacity:0;}
 }
@-webkit-keyframes mymove /*Safari and Chrome*/{
   0% {top:0px;opacity:0;}
   10% {top:0px;opacity:1;}
   45% {top:0px;opacity:1;}
   55% {top:0px;opacity:0;}
   100% {top:0px;opacity:0;}
 }

} </style>