first commit
This commit is contained in:
@ -0,0 +1,60 @@
|
||||
/**
|
||||
* @author ThemePunch <info@themepunch.com>
|
||||
* @link http://www.themepunch.com/
|
||||
* @copyright 2017 ThemePunch
|
||||
* @version 1.0.0
|
||||
*/
|
||||
|
||||
.rs_addon_revealer {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-overlay {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
}
|
||||
|
||||
.rs_addon_revealer div,
|
||||
.rs_addon_revealer svg {
|
||||
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
|
||||
.rs_addon_reveal .tp-loader {
|
||||
|
||||
visibility: visible !important;
|
||||
display: inline-block !important;
|
||||
pointer-events: none;
|
||||
|
||||
}
|
||||
|
||||
.rs_addon_revealer svg {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.rs_addon_revealer_special .tp-revslider-mainul {
|
||||
|
||||
opacity: 0 !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,643 @@
|
||||
.rsaddon-revealer-spinner {
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-spinner-1 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
/* ************* */
|
||||
/* PRELOADER ONE */
|
||||
/* ************* */
|
||||
.rsaddon-revealer-1 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display:inline-block;
|
||||
-webkit-animation:rsaddon-revealer-1 1.4s linear infinite;
|
||||
animation:rsaddon-revealer-1 1.4s linear infinite;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-1 span {
|
||||
|
||||
position:absolute;
|
||||
vertical-align:top;
|
||||
border-radius:100%;
|
||||
display:inline-block;
|
||||
width:8px;
|
||||
height:8px;
|
||||
margin-left:16px;
|
||||
transform-origin:center 20px;
|
||||
-webkit-transform-origin:center 20px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-1 span:nth-child(2) {transform: rotate(36deg); -webkit-transform: rotate(36deg); opacity:0.1}
|
||||
.rsaddon-revealer-1 span:nth-child(3) {transform: rotate(72deg); -webkit-transform: rotate(72deg); opacity:0.2}
|
||||
.rsaddon-revealer-1 span:nth-child(4) {transform: rotate(108deg); -webkit-transform: rotate(108deg); opacity:0.3}
|
||||
.rsaddon-revealer-1 span:nth-child(5) {transform: rotate(144deg); -webkit-transform: rotate(144deg); opacity:0.4}
|
||||
.rsaddon-revealer-1 span:nth-child(6) {transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity:0.5}
|
||||
.rsaddon-revealer-1 span:nth-child(7) {transform: rotate(216deg); -webkit-transform: rotate(216deg); opacity:0.6}
|
||||
.rsaddon-revealer-1 span:nth-child(8) {transform: rotate(252deg); -webkit-transform: rotate(252deg); opacity:0.7}
|
||||
.rsaddon-revealer-1 span:nth-child(9) {transform: rotate(288deg); -webkit-transform: rotate(288deg); opacity:0.8}
|
||||
.rsaddon-revealer-1 span:nth-child(10) {transform: rotate(324deg); -webkit-transform: rotate(324deg); opacity:0.9}
|
||||
|
||||
@keyframes rsaddon-revealer-1 {
|
||||
|
||||
from {transform: rotate(0deg)}
|
||||
to {transform: rotate(360deg)}
|
||||
|
||||
}
|
||||
@-webkit-keyframes rsaddon-revealer-1 {
|
||||
|
||||
from {-webkit-transform: rotate(0deg)}
|
||||
to {-webkit-transform: rotate(360deg)}
|
||||
|
||||
}
|
||||
|
||||
/* ************* */
|
||||
/* PRELOADER TWO */
|
||||
/* ************* */
|
||||
.rsaddon-revealer-spinner-2 {
|
||||
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-2 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
border-radius: 100%;
|
||||
border: 2px solid;
|
||||
-webkit-animation: rsaddon-revealer-2 0.8s linear infinite;
|
||||
animation: rsaddon-revealer-2 0.8s linear infinite;
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-2 {
|
||||
|
||||
from {transform: rotate(0deg)}
|
||||
to {transform: rotate(360deg)}
|
||||
|
||||
}
|
||||
@-webkit-keyframesrsaddon-revealer-2 {
|
||||
|
||||
from {-webkit-transform: rotate(0deg)}
|
||||
to {-webkit-transform: rotate(360deg)}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER THREE */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-8 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-8 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-8 span {
|
||||
|
||||
display: block;
|
||||
width: 40%;
|
||||
height: 40%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
-webkit-animation: rsaddon-revealer-8 2s ease infinite;
|
||||
animation: rsaddon-revealer-8 2s ease infinite;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-8 span:nth-child(1) {animation-delay: -1.5s; -webkit-animation-delay: -1.5s}
|
||||
.rsaddon-revealer-8 span:nth-child(2) {animation-delay: -1s; -webkit-animation-delay: -1s}
|
||||
.rsaddon-revealer-8 span:nth-child(3) {animation-delay: -0.5s; -webkit-animation-delay: -0.5s}
|
||||
|
||||
@keyframes rsaddon-revealer-8 {
|
||||
|
||||
0%,100%{transform: translate(0)}
|
||||
25%{transform: translate(160%)}
|
||||
50%{transform: translate(160%, 160%)}
|
||||
75%{transform: translate(0, 160%)}
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-8 {
|
||||
|
||||
0%,100%{-webkit-transform: translate(0)}
|
||||
25%{-webkit-transform: translate(160%)}
|
||||
50%{-webkit-transform: translate(160%, 160%)}
|
||||
75%{-webkit-transform: translate(0, 160%)}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER FOUR */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-3 {
|
||||
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.rsaddon-revealer-3 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
.rsaddon-revealer-3 span {
|
||||
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: rsaddon-revealer-3 1.6s linear infinite;
|
||||
animation: rsaddon-revealer-3 1.6s linear infinite;
|
||||
|
||||
}
|
||||
.rsaddon-revealer-3 span:last-child {
|
||||
|
||||
animation-delay: -0.8s;
|
||||
-webkit-animation-delay: -0.8s;
|
||||
|
||||
}
|
||||
@keyframes rsaddon-revealer-3 {
|
||||
|
||||
0% {transform: scale(0, 0); opacity:0.5}
|
||||
100% {transform: scale(1, 1); opacity:0}
|
||||
|
||||
}
|
||||
@-webkit-keyframes rsaddon-revealer-3 {
|
||||
|
||||
0% {-webkit-transform: scale(0, 0); opacity:0.5}
|
||||
100% {-webkit-transform: scale(1, 1); opacity:0}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER FIVE */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-4 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-spinner-4 span {
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-animation: rsaddon-revealer-4 2.0s infinite ease-in-out;
|
||||
animation: rsaddon-revealer-4 2.0s infinite ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-spinner-4 span:last-child {
|
||||
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-4 {
|
||||
|
||||
0%, 100% {-webkit-transform: scale(0.0)}
|
||||
50% {-webkit-transform: scale(1.0)}
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-4 {
|
||||
|
||||
0%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
} 50% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER SIX */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-5 {
|
||||
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 span {
|
||||
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
display: inline-block;
|
||||
-webkit-animation: rsaddon-revealer-5 1.2s infinite ease-in-out;
|
||||
animation: rsaddon-revealer-5 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 span:nth-child(2) {
|
||||
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 span:nth-child(3) {
|
||||
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 span:nth-child(4) {
|
||||
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-5 span:nth-child(5) {
|
||||
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-5 {
|
||||
|
||||
0%, 40%, 100% {-webkit-transform: scaleY(0.4)}
|
||||
20% {-webkit-transform: scaleY(1.0)}
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-5 {
|
||||
|
||||
0%, 40%, 100% {
|
||||
transform: scaleY(0.4);
|
||||
-webkit-transform: scaleY(0.4);
|
||||
} 20% {
|
||||
transform: scaleY(1.0);
|
||||
-webkit-transform: scaleY(1.0);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ***************** */
|
||||
/* PRELOADER SEVEN */
|
||||
/* ***************** */
|
||||
.rsaddon-revealer-spinner-10 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: -4px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-10 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-10 span {
|
||||
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-animation: rsaddon-revealer-10 1.8s infinite ease-in-out;
|
||||
animation: rsaddon-revealer-10 1.8s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.rsaddon-revealer-10:last-child {
|
||||
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-10 {
|
||||
|
||||
25% {-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5)}
|
||||
50% {-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg)}
|
||||
75% {-webkit-transform: translateX(0px) translateY(30px) rotate(-270deg) scale(0.5)}
|
||||
100% {-webkit-transform: rotate(-360deg)}
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-10 {
|
||||
|
||||
25% {
|
||||
transform: translateX(30px) rotate(-90deg) scale(0.5);
|
||||
-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
|
||||
} 50% {
|
||||
transform: translateX(30px) translateY(30px) rotate(-179deg);
|
||||
-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
|
||||
} 50.1% {
|
||||
transform: translateX(30px) translateY(30px) rotate(-180deg);
|
||||
-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
|
||||
} 75% {
|
||||
transform: translateX(0px) translateY(30px) rotate(-270deg) scale(0.5);
|
||||
-webkit-transform: translateX(0px) translateY(30px) rotate(-270deg) scale(0.5);
|
||||
} 100% {
|
||||
transform: rotate(-360deg);
|
||||
-webkit-transform: rotate(-360deg);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER EIGHT */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-6 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-6 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-6 span {
|
||||
|
||||
display: block;
|
||||
width: 33%;
|
||||
height: 33%;
|
||||
background-color: #333;
|
||||
float: left;
|
||||
-webkit-animation: rsaddon-revealer-6 1.3s infinite ease-in-out;
|
||||
animation: rsaddon-revealer-6 1.3s infinite ease-in-out;
|
||||
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(1) {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(2) {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(3) {
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(4) {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(5) {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(6) {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(7) {
|
||||
-webkit-animation-delay: 0s;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(8) {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
.rsaddon-revealer-6 span:nth-child(9) {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-6 {
|
||||
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
} 35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-6 {
|
||||
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
} 35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER NINE */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-7 {
|
||||
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-7 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-animation: rsaddon-revealer-7 1s infinite linear;
|
||||
animation: rsaddon-revealer-7 1s infinite linear;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-7 {
|
||||
|
||||
0% {-webkit-transform:rotate(0deg)}
|
||||
100% {-webkit-transform:rotate(360deg)}
|
||||
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-7 {
|
||||
|
||||
0% {transform:rotate(0deg)}
|
||||
100% {transform:rotate(360deg)}
|
||||
|
||||
}
|
||||
|
||||
/* *************** */
|
||||
/* PRELOADER TEN */
|
||||
/* *************** */
|
||||
.rsaddon-revealer-spinner-9 {
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
animation: rsaddon-revealer-9 1s infinite linear;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 span {
|
||||
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
margin: -8px;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 span:nth-child(1) {
|
||||
|
||||
-webkit-animation: rsaddon-revealer-9-1 2s infinite;
|
||||
animation: rsaddon-revealer-9-1 2s infinite;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 span:nth-child(2) {
|
||||
|
||||
-webkit-animation: rsaddon-revealer-9-2 2s infinite;
|
||||
animation: rsaddon-revealer-9-2 2s infinite;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 span:nth-child(3) {
|
||||
|
||||
-webkit-animation: rsaddon-revealer-9-3 2s infinite;
|
||||
animation: rsaddon-revealer-9-3 2s infinite;
|
||||
|
||||
}
|
||||
|
||||
.rsaddon-revealer-9 span:nth-child(4) {
|
||||
|
||||
-webkit-animation: rsaddon-revealer-9-4 2s infinite;
|
||||
animation: rsaddon-revealer-9-4 2s infinite;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-9-1 {
|
||||
0% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(80%, 80%, 0)}
|
||||
80% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(80%, 80%, 0)}
|
||||
100% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-9-2 {
|
||||
0% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(80%, -80%, 0)}
|
||||
80% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(80%, -80%, 0)}
|
||||
100% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-9-3 {
|
||||
0% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-80%, -80%, 0)}
|
||||
80% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-80%, -80%, 0)}
|
||||
100% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rsaddon-revealer-9-4 {
|
||||
0% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-80%, 80%, 0)}
|
||||
80% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-80%, 80%, 0)}
|
||||
100% {-webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-9-1 {
|
||||
0% {transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {transform: rotate3d(0, 0, 1, 0deg) translate3d(80%, 80%, 0)}
|
||||
80% {transform: rotate3d(0, 0, 1, 360deg) translate3d(80%, 80%, 0)}
|
||||
100% {transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-9-2 {
|
||||
0% {transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {transform: rotate3d(0, 0, 1, 0deg) translate3d(80%, -80%, 0)}
|
||||
80% {transform: rotate3d(0, 0, 1, 360deg) translate3d(80%, -80%, 0)}
|
||||
100% {transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-9-3 {
|
||||
0% {transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {transform: rotate3d(0, 0, 1, 0deg) translate3d(-80%, -80%, 0)}
|
||||
80% {transform: rotate3d(0, 0, 1, 360deg) translate3d(-80%, -80%, 0)}
|
||||
100% {transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
@keyframes rsaddon-revealer-9-4 {
|
||||
0% {transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0)}
|
||||
20% {transform: rotate3d(0, 0, 1, 0deg) translate3d(-80%, 80%, 0)}
|
||||
80% {transform: rotate3d(0, 0, 1, 360deg) translate3d(-80%, 80%, 0)}
|
||||
100% {transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0)}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,16 @@
|
||||
;/*
|
||||
2017 ThemePunch
|
||||
@version 1.0.0
|
||||
*/
|
||||
(function(){window.RsRevealerAddOn=function(p,a,F){function y(){if(!q){switch(r){case "open_horizontal":c+="width: 50%; height: 100%; top: 0; left: 0";t+="width: 50%; height: 100%; top: 0; left: 50%";b.width="0%";u.left="100%";break;case "open_vertical":c+="width: 100%; height: 50%; top: 0; left: 0";t+="width: 100%; height: 50%; top: 50%; left: 0";b.height="0%";u.top="100%";break;case "split_left_corner":c+='<polygon class="rs_addon_point1" points="0,0 500,0 500,500" style="fill:'+h+"; stroke:"+h+
|
||||
'; stroke-width: 1" /><polygon class="rs_addon_point2" points="0,0 0,500 500,500" style="fill:'+h+"; stroke:"+h+'; stroke-width: 1" />';isCorner=!0;v=G;b.x=500;u.x=-500;break;case "split_right_corner":c+='<polygon class="rs_addon_point1" points="0,0 500,0 0,500" style="fill:'+h+"; stroke:"+h+'; stroke-width: 1" /><polygon class="rs_addon_point2" points="500,0 500,500 0,500" style="fill:'+h+"; stroke:"+h+'; stroke-width: 1" />';isCorner=!0;v=G;b.x=-500;u.x=500;break;case "shrink_circle":var e=2*Math.max(a.width(),
|
||||
a.height());c+="width: "+e+"px; height: "+e+"px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%";b.width="0";b.height="0";break;case "expand_circle":H=!0;v=R;a.css("clip-path","circle(0% at 50% 50%)");break;case "left_to_right":c+="width: 100%; height: 100%; top: 0; left: 0";b.left="100%";break;case "right_to_left":c+="width: 100%; height: 100%; top: 0; left: 0";b.width="0%";break;case "top_to_bottom":c+="width: 100%; height: 100%; top: 0; left: 0";b.top="100%";break;case "bottom_to_top":c+=
|
||||
"width: 100%; height: 100%; top: 0; left: 0";b.height="0%";break;case "tlbr_skew":e=Math.atan2(a.width(),a.height());c+="width: 200%; height: 200%; top: 0%; left: -100%; transform: skew(-"+e+"rad)";b.left="100%";break;case "trbl_skew":e=Math.atan2(a.width(),a.height());c+="width: 200%; height: 200%; top: 0%; right: -100%; transform: skew("+e+"rad)";b.right="100%";break;case "bltr_skew":e=Math.atan2(a.width(),a.height());c+="width: 200%; height: 200%; bottom: -100%; left: 0%; transform: skew("+e+"rad)";
|
||||
b.bottom="100%";break;case "brtl_skew":e=Math.atan2(a.width(),a.height()),c+="width: 200%; height: 200%; bottom: -100%; right: 0; transform: skew(-"+e+"rad)",b.bottom="100%"}d.overlay_enabled&&(w=p('<div class="rsaddon-revealer-overlay" style="background: '+d.overlay_color+'" />').appendTo(n));c+=I?"</svg>":'" />';c=p(c).appendTo(n);if(!H||a.css("clip-path")){z&&(t=p(t+'" />').appendTo(n));n.appendTo(a);if(!A)a.one("revolution.slide.onafterswap",B);f&&f.length&&(g.loader=f);S?C=setTimeout(function(){J=
|
||||
!0;K&&a.revstart()},k):A&&(a.removeClass("rs_addon_revealer_special"),B())}}}function B(){if(!q)if("off"===g.stopLoop&&a.revpause(),f&&f.length||(f=a.find(".tp-loader")),f.length){g.loader=f;var e={opacity:0,ease:punchgs.Power3.easeOut,onComplete:v};D&&k&&(e.delay=k);punchgs.TweenLite.to(f,.3,e)}else D&&k?C=setTimeout(v,k):v()}function R(){if(!q){w&&E();b.point=100;var e={point:0};x=new punchgs.TweenLite(e,l,b);x.eventCallback("onUpdate",function(){a.css("clip-path","circle("+e.point+"% at 50% 50%)")})}}
|
||||
function G(){q||(w&&E(),punchgs.TweenLite.to(n.find(".rs_addon_point1"),l,b),punchgs.TweenLite.to(n.find(".rs_addon_point2"),l,u))}function E(){var a=d.overlay_duration,c=d.overlay_easing.split("."),b=d.overlay_delay;isNaN(b)&&(b=0);b=.001*parseInt(b,10);isNaN(a)&&(a="300");a=.001*parseInt(a,10);punchgs.TweenLite.to(w,a,{opacity:0,ease:punchgs[c[0]][c[1]],delay:b,onComplete:L})}function M(){a.removeClass("rs_addon_reveal rs_addon_revealer_special");a.find(".tp-loader").css("opacity",1);n&&n.remove();
|
||||
"off"===g.stopLoop&&a.revresume();a=g=null}function L(){w&&!N||M();N=!0}function O(){window.removeEventListener("resize",O);clearTimeout(C);q=!0;a.off("revolution.slide.onloaded",y).off("revolution.slide.onafterswap",B);punchgs.TweenLite.killTweensOf(p(".rs_addon_revealer").find("*"));x&&(x.eventCallback("onUpdate",null),x.kill(),x=null);M()}function P(){f=a.find(".tp-loader");f.length?Q(f):window.requestAnimationFrame(P)}function Q(b){b&&b.length?b[0].className="tp-loader":b=p('<div class="tp-loader" />').appendTo(a);
|
||||
b.html(F.replace(/{{color}}/g,d.spinnerColor));g.loader=b}if(p){var g=a[0].opt,K,J;a.on("scriptsloaded",function(){K=!0;J&&a.revstart()});if(window.hasOwnProperty("RsAddonRevealerCustom")){var d=window.RsAddonRevealerCustom;var m=document.URL.split("?");2===m.length&&window.RsAddonRevealerCustom.hasOwnProperty(m[1])&&"itm_1"!==m[1]?(d=window.RsAddonRevealerCustom[m[1]],d.hasOwnProperty("spinner")&&(F=d.spinnerHTML)):d=g.revealer}else d=g.revealer;var r=d.direction,k=d.delay,f,N,C;"default"!==d.spinner&&
|
||||
("off"!==g.spinner?window.requestAnimationFrame(P):(g.spinner="on",Q()));if("none"===r)a.one("revolution.slide.onloaded",function(){f&&f.length&&(g.loader=f)});else{a.addClass("rs_addon_reveal").find("li").first().attr("fstransition","notransition").data("fstransition","notransition");var n=p('<div class="rs_addon_revealer" />'),z=-1!==r.search("open"),I=-1!==r.search("corner");m=d.easing.split(".");var A="fullwidth"===g.sliderLayout&&-1!==r.search("skew"),b={ease:punchgs[m[0]][m[1]],onComplete:L},
|
||||
u={ease:punchgs[m[0]][m[1]]},D=/skew|shrink/.test(r),l=d.duration,h=d.color,v=function(){q||(w&&E(),punchgs.TweenLite.to(c,l,b),z&&punchgs.TweenLite.to(t,l,u))},c="",t="",w,H,q,x;isNaN(l)&&(l="300");l=.001*parseInt(l,10);isNaN(k)&&(k=0);k=.001*parseInt(k,10);I?c='<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="none">':(c='<div style="background: '+h+"; ",z&&(t='<div style="background: '+h+"; "));if(D)if(window.addEventListener("resize",O),A)a.addClass("rs_addon_revealer_special").one("revolution.slide.onafterswap",
|
||||
y);else a.one("revolution.slide.onloaded",y);else{if(k){var S=!0;g.waitForInit=!0;a.height("100%")}y()}}}}})();
|
||||
Reference in New Issue
Block a user