Commit 9f2166c2 authored by Prakhar Agarwal's avatar Prakhar Agarwal 🎯
Browse files

improve rotate animation

parent b8025775
......@@ -25,7 +25,10 @@
/** Rotate */
.rotate{
transform: rotate(180deg);
transition:0.5s ease all;
}
.rotate-transition {
transition: transform 0.5s linear;
}
.highlight-find{
......
......@@ -79,7 +79,7 @@
</div>
<a id="sidebar-collapse" class="m-2" data-toggle="collapse" data-target="#sidebar">
<i class="fa fa-angle-double-left" onclick="rotate(this)"></i>
<i class="fa fa-angle-double-left rotate-transition" onclick="rotate(this)"></i>
</a>
<!-- Canvas/Pd Windows -->
......@@ -94,7 +94,7 @@
<div class="card-header d-flex justify-content-between">
<h5 class="h-100 w-25" id= "console-heading" onclick="rotate(this)">
<a data-toggle="collapse" data-parent="#windows" href="#console_bottom" class="d-flex align-items-center text-dark">Console
<i class="ml-2 fa fa-angle-double-down text-primary"S id="open-icon"></i>
<i class="ml-2 fa fa-angle-double-down text-primary rotate-transition"S id="open-icon"></i>
</a>
</h5>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment