Skip to content

Instantly share code, notes, and snippets.

@epsilon-phase
Last active January 19, 2020 00:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save epsilon-phase/827d5636433df80abf9178cef2c5a018 to your computer and use it in GitHub Desktop.
Save epsilon-phase/827d5636433df80abf9178cef2c5a018 to your computer and use it in GitHub Desktop.
Make mastodon extremely difficult to use
.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