Pengguna:Zulf/styles1.css: Perbedaan antara revisi
Tampilan
Konten dihapus Konten ditambahkan
KopiHangat (bicara | kontrib) k Adindanda memindahkan halaman Pengguna:Adindanda/bak pasir.css ke Modul:Modul:Infobox/bak pasir Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan |
k Zulf memindahkan halaman Modul:Infobox/bak pasir ke Pengguna:Zulf/styles1.css Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan |
||
(3 revisi perantara oleh 2 pengguna tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
/* |
/* The animation code */ |
||
@keyframes example { |
|||
/* |
|||
0% {background-color:red; left:0px; top:0px;} |
|||
* TemplateStyles ini TIDAK mencangkup semua data di |
|||
25% {background-color:yellow; left:200px; top:0px;} |
|||
* gaya kotak info |
|||
50% {background-color:blue; left:200px; top:200px;} |
|||
* Lihat [[MediaWiki talk:Common.css/to do#Infobox]] |
|||
75% {background-color:green; left:0px; top:200px;} |
|||
* JANGAN TAMBAHKAN KODE TERSEBUT DISINI |
|||
100% {background-color:red; left:0px; top:0px;} |
|||
*/ |
|||
.infobox-subbox { |
|||
padding: 0; |
|||
border: none; |
|||
margin: -3px; |
|||
⚫ | |||
min-width: 100%; |
|||
font-size: 100%; |
|||
clear: none; |
|||
float: none; |
|||
} |
|||
.infobox { |
|||
⚫ | |||
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.35); |
|||
border-radius: 2px; |
|||
} |
|||
.infobox-3cols-child { |
|||
margin: auto; |
|||
} |
|||
.infobox .navbar { |
|||
font-size: 100%; |
|||
} |
} |
||
/* The element to apply the animation to */ |
|||
/* T281642 */ |
|||
div { |
|||
body.skin-minerva .infobox-header, |
|||
⚫ | |||
body.skin-minerva .infobox-subheader, |
|||
height: 100px; |
|||
body.skin-minerva .infobox-above, |
|||
position: relative; |
|||
body.skin-minerva .infobox-title, |
|||
⚫ | |||
body.skin-minerva .infobox-image, |
|||
animation-name: example; |
|||
body.skin-minerva .infobox-full-data, |
|||
animation-duration: 4s; |
|||
body.skin-minerva .infobox-below { |
|||
text-align: center; |
|||
} |
} |
Revisi terkini sejak 13 Maret 2024 17.53
/* The animation code */
@keyframes example {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; left:200px; top:0px;}
50% {background-color:blue; left:200px; top:200px;}
75% {background-color:green; left:0px; top:200px;}
100% {background-color:red; left:0px; top:0px;}
}
/* The element to apply the animation to */
div {
width: 100px;
height: 100px;
position: relative;
background-color: red;
animation-name: example;
animation-duration: 4s;
}