|
Server IP : 192.185.129.71 / Your IP : 3.15.0.42 Web Server : Apache System : Linux bh-ht-3.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : svymadmin ( 4072) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home4/svymadmin/public_html/vivekaexcel.edu.in/school/assets/less/neon-less/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
// Page Fade - TRANSITION
body.page-fade {
background: @main_color;
.transition(~"400ms all ease-in-out");
.transform-origin(50% 30%);
> .page-container {
.transform(~"scale(0.9) translateY(100px)");
.transition(~"400ms all ease-in-out");
.opacity(0);
}
&-init {
background: @background_color;
> .page-container {
.transform(~"scale(1) translateY(0)");
.opacity(1);
}
}
}
// Left In - TRANSITION
body.page-left-in {
background: @main_color;
.transition(~"400ms all ease-in-out");
.transform-origin(0% 50%);
.perspective(1000);
> .page-container {
.transform(~"rotateY(8deg) translateX(-100px)");
.transition(~"400ms all ease-in-out");
.opacity(0);
}
&-init {
background: @background_color;
> .page-container {
.transform(~"rotateY(0deg) translateX(0px)");
.opacity(1);
}
}
}
// Right In - TRANSITION
body.page-right-in {
background: @main_color;
overflow-x: hidden;
.transition(~"400ms all ease-in-out");
.transform-origin(100% 50%);
.perspective(1000);
> .page-container {
.transform(~"rotateY(-8deg) translateX(100px)");
.transition(~"400ms all ease-in-out");
.opacity(0);
}
&-init {
background: @background_color;
> .page-container {
.transform(~"rotateY(0deg) translateX(0px)");
.opacity(1);
}
}
}
// Fade Only - TRANSITION
body.page-fade-only {
background: @main_color;
.transition(~"900ms all cubic-bezier(0.445, 0.050, 0.550, 0.950)");
.transform-origin(50% 30%);
> .page-container {
.transition(~"900ms all cubic-bezier(0.445, 0.050, 0.550, 0.950)");
.opacity(0);
}
&-init {
background: @background_color;
> .page-container {
.opacity(1);
}
}
}