Template:CharacterPortrait/styles.css

.character-portrait{
	position:relative;
}

.character-portrait::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#7E5B07;
	background-image:url("https://static.miraheze.org/whentheycrywiki/b/be/Wiki_square_pattern.png");
	mask-image:url("https://static.miraheze.org/whentheycrywiki/b/be/Wiki_square_pattern.png");
	opacity:0;
	transition:opacity 0.35s ease;
}

.character-portrait:hover::before{
	opacity:1;
}

@keyframes wipe-in-up {
  from {
    clip-path: inset(100% 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

[transition-style="in:wipe:up"] {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-up both;
}