Link to article: Device Test.
/*Only works with anim05 due to pseudo-element usage*/
.hover-alt-text {
display: inline-block;
}
.hover-alt-text::after{
content: "SERVER INTEGRITY";
}
.hover-alt-text:hover::after{
content: "SAFETY 1-A_baj#023malpha2";
color: red;
}
.hover-opacity-div {
opacity: 0;
transition: opacity 0.5s ease;
}
.hover-opacity-div:hover {
opacity: 1;
transition: opacity 0.5s ease;
}
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.5rem;
text-align: center;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
height:4vh;
height:4vh;
font-weight: 700;
font-weight: 300;
color: orange;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
font-weight: 300;
color: green;
height:4vh;
height:4vh;
height:10vh;
raisa_memo
danke
agent
responsive-text
text-small-pc
text-large-pc
text-mobile-landscape
text-mobile-portrait
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
jotting