gerudo
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

make tilt not an animation

master
Aevann 2023-08-23 08:59:51 +03:00
parent 62e609da43
commit e0a3cc2bba
2 changed files with 11 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
files/assets/css/awards.css
View File

@ -145,59 +145,24 @@
}
.tilt-post {
animation-duration: 100s !important;
animation-iteration-count: infinite !important;
animation-direction: alternate !important;
animation-timing-function: linear !important;
animation-name: tilt-post;
transform: rotate(0.3deg);
}
@media (max-width: 768px) {
@keyframes tilt-post {
0% {transform: rotate(0deg);}
25% {transform: rotate(0.3deg);}
75% {transform: rotate(-0.3deg);}
100% {transform: rotate(0deg);}
}
}
@media (min-width: 768px) {
.tilt-post {
animation-duration: 200s !important;
}
@keyframes tilt-post {
0% {transform: rotate(0deg);}
25% {transform: rotate(0.8deg);}
75% {transform: rotate(-0.8deg);}
100% {transform: rotate(0deg);}
}
}
.tilt-post > * {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
@keyframes tilt-comment {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
.tilt-comment-1 {
transform: rotate(1deg);
}
.tilt-comment {
animation-duration: 3000s !important;
animation-iteration-count: infinite !important;
animation-timing-function: linear !important;
animation-name: tilt-comment;
.tilt-comment-2 {
transform: rotate(2deg);
}
@media (max-width: 768px) {
.tilt-comment {
animation-duration: 6000s !important;
}
.tilt-comment-3 {
transform: rotate(3deg);
}
.tilt-comment-4 {
transform: rotate(4deg);
}

2
files/templates/comments.html
View File

@ -247,7 +247,7 @@
{% endif %}
{% set realbody = c.realbody(v) %}
<div id="comment-text-{{c.id}}" class="comment-text mb-0 {% if c.chudded %}text-uppercase chud-img chud-{{c.id_last_num}}{% endif %} {% if c.rainbowed %}rainbow-text{% endif %} {% if c.queened %}queen{% endif %} {% if c.sharpened %}sharpen chud-img sharpen-{{c.id_last_num}}{% endif %} {% if c.award_count('tilt', v) %}tilt-comment{% endif %}">
<div id="comment-text-{{c.id}}" class="comment-text mb-0 {% if c.chudded %}text-uppercase chud-img chud-{{c.id_last_num}}{% endif %} {% if c.rainbowed %}rainbow-text{% endif %} {% if c.queened %}queen{% endif %} {% if c.sharpened %}sharpen chud-img sharpen-{{c.id_last_num}}{% endif %}" {% if c.award_count('tilt', v) %}style="transform: rotate({{c.award_count('tilt', v)}}deg)"{% endif %}>
{{realbody | safe}}
</div>