Last active
January 19, 2020 00:57
-
-
Save epsilon-phase/827d5636433df80abf9178cef2c5a018 to your computer and use it in GitHub Desktop.
Make mastodon extremely difficult to use
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.status__content { | |
animation: offset alternate 10000ms linear infinite; | |
offset-path: path("m 0,0 C 2.948103,-0.41541616 2.0144627,3.7690323 0.69044898,4.8999411 -2.8975464,7.964634 -8.0565196,5.0069797 -9.7998821,1.380898 -12.918349,-5.1053116 -8.353027,-12.413288 -2.0713469,-14.699823 7.1472712,-18.055405 16.855878,-11.701038 19.599764,-2.7617959 23.256932,9.1528082 15.052768,21.331209 3.4522449,24.499705 -11.14583,28.486935 -25.822698,18.407007 -29.399646,4.1426939 -33.731811,-13.1333 -21.762806,-30.323399 -4.8331428,-34.299587 15.117879,-38.985387 34.829862,-25.119602 39.199528,-5.5235918 44.244481,17.100778 28.477063,39.340171 6.2140408,44.099469 -19.08262,49.507287 -43.853174,31.834984 -48.999411,6.9044898 -54.77271,-21.063757 -35.193234,-48.36814 -7.5949388,-53.899352 23.0444,-60.040045 52.884578,-38.551729 58.799293,-8.2853877"); | |
overflow: visible; | |
offset-anchor:center; | |
} | |
img { | |
animation: color-rotate 3000ms linear infinite; | |
} | |
.account__avatar, | |
.status__avatar { | |
animation: move infinite 30000ms linear, color-rotate infinite 30000ms linear; | |
} | |
@keyframes color-rotate { | |
0% { | |
filter: hue-rotate(0deg); | |
} | |
100% { | |
filter: hue-rotate(360deg); | |
} | |
} | |
@keyframes offset { | |
0% { | |
/*transform: translate(0px, 0px);*/ | |
offset-distance: 0%; | |
} | |
100% { | |
/*transform: translate( 100px, 100px);*/ | |
offset-distance: 100%; | |
} | |
} | |
@keyframes move { | |
0% { | |
transform: rotate(0deg); | |
} | |
100% { | |
transform: rotate( 360deg); | |
} | |
} | |
.autosuggest-textarea__textarea { | |
animation: infinite wobble alternate 3000ms linear; | |
} | |
@keyframes wobble { | |
0% { | |
transform: rotate(-5deg); | |
} | |
100% { | |
transform: rotate(5deg); | |
} | |
} | |
.emoji-button > img:nth-child(1) { | |
animation: emoji infinite alternate 4000ms ease-in-out; | |
} | |
.character-counter, | |
.compose--counter-wrapper { | |
animation: character-counter infinite alternate 4000ms ease-in; | |
} | |
.composer--options--dropdown--content :hover { | |
animation: runaway 5000ms; | |
display: block; | |
overflow: visible; | |
} | |
@keyframes runaway { | |
0% { | |
transform: translate( 0px, 0px); | |
} | |
100% { | |
transform: translate(100vw, 0.0vh); | |
} | |
} | |
@keyframes character-counter { | |
0% { | |
transform: scaleX(1); | |
color: #606984; | |
} | |
100% { | |
transform: scaleX(3); | |
color: red; | |
} | |
} | |
@keyframes emoji { | |
0% { | |
transform: scale(0.2) skew(-25deg, 25deg); | |
} | |
100% { | |
transform: scale(1.5); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment