Template:CoinS/styles.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
< Template:CoinS
Revision as of 06:42, 6 August 2023 by Vish (talk | contribs) (Created page with ".zoomMedal img { width: 77px !IMPORTANT; height: 77px !IMPORTANT;} .zoomMedal.SPanimation { width: 77px !IMPORTANT; height: 77px !IMPORTANT} .zoomIcon img { width: 30px !IMPORTANT; height: auto} .zoomLinkSkill img { width: 63px !IMPORTANT; height: 63px !IMPORTANT} .parent div.zoomMedal img, .parent div.zoomMedal.SPanimation {animation: reversescale .2s ease-in-out forwards, SP 7s steps(4) infinite;} .parent:hover div.zoomMedal img, .parent:hover div.zoomMedal.SPanimati...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
.zoomMedal img { width: 77px !IMPORTANT; height: 77px !IMPORTANT;}
.zoomMedal.SPanimation { width: 77px !IMPORTANT; height: 77px !IMPORTANT}
.zoomIcon img { width: 30px !IMPORTANT; height: auto}
.zoomLinkSkill img { width: 63px !IMPORTANT; height: 63px !IMPORTANT}

.parent div.zoomMedal img, .parent div.zoomMedal.SPanimation {animation: reversescale .2s ease-in-out forwards, SP 7s steps(4) infinite;}

.parent:hover div.zoomMedal img, .parent:hover div.zoomMedal.SPanimation {
	z-index:3;
	animation: scale .2s ease-in-out forwards, SP 7s steps(4) infinite;
}

.SPanimation {
	background: url('https://static.jojowiki.com/images/9/9f/latest/20230806064102/SPShiny.png') left center;
	background-size: cover;
}

.zoomMedal.SPanimation:hover {
    animation: SP 7s steps(4) infinite, reversescale .2s ease-in-out forwards !IMPORTANT;
}

.zoomIcon {display: inline;}
.zoomIcon img {animation: reversescaleIcon .2s ease-in-out forwards;}
.zoomIcon:hover img {animation: scaleIcon .2s ease-in-out forwards; cursor:none;}

.containerMedals {display: flow-root; width: 100%;margin: 3px 0 3px 0;}
.containerMedals:hover {background: transparent}