Fish: Difference between revisions
Jump to navigation
Jump to search
WangleLine (talk | contribs) Created page with "You know what that means" |
ope! fish in da mouth! |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{see also|horse}} | |||
You know what that means | You know what that means | ||
{{stub}} | |||
[[File:Noto Emoji v2.034 1fae7.svg|200px|frameless|left|alt=Vector art emoji of bubbles]] | |||
[[File:Heraldry Fish 074.svg|400px|frameless|right|alt=Vector art of a blue fish with gold fins]] | |||
{{#css: | |||
/* bubbles */ | |||
figure[typeof~="mw:File/Frameless"].mw-halign-left { | |||
opacity: 30%; | |||
filter: drop-shadow(2px 2px 10px #0088); | |||
animation: 9s linear -2s infinite normal bubbles-rise; | |||
} | |||
@keyframes bubbles-rise { | |||
0% { | |||
transform: translate(0, 0vh) scale(0); | |||
} | |||
10% { | |||
transform: translate(0, -5vh) scale(1); | |||
} | |||
60% { | |||
transform: translate(2vw, -30vh) scale(.5); | |||
} | |||
100% { | |||
transform: translate(0, -50vh) scale(0); | |||
} | |||
} | |||
/* fish */ | |||
figure[typeof~="mw:File/Frameless"].mw-halign-right { | |||
opacity: 70%; | |||
filter: drop-shadow(2px 2px 10px #0088); | |||
animation: 10s ease-in-out 1s infinite alternate fish-journey; | |||
} | |||
@keyframes fish-journey { | |||
0% { | |||
transform: translate(0, 0) rotate(0deg); | |||
} | |||
10% { | |||
transform: translate(-70vw, -20vh) rotate(60deg); | |||
} | |||
30% { | |||
transform: translate(-70vw, 0vh) rotate(200deg); | |||
} | |||
60% { | |||
transform: translate(5vw, -25vh) rotate(380deg); | |||
} | |||
80% { | |||
transform: translate(5vw, -25vh) rotate(375deg); | |||
} | |||
} | |||
.mw-body { | |||
background: linear-gradient(180deg, #fff8, #fff), url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Underwater_photo_of_coral_reef.jpg/1920px-Underwater_photo_of_coral_reef.jpg); | |||
} | |||
}} | |||
