| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.3/wp-content/plugins/js_composer/assets/less/shortcodes/ |
Upload File : |
.vc-hoverbox-wrapper,
.vc-hoverbox-wrapper * {
box-sizing: border-box;
}
.vc-hoverbox-wrapper {
&.vc-hoverbox-shape--rounded {
.vc-hoverbox-front,
.vc-hoverbox-back {
border-radius: 10px;
}
}
&.vc-hoverbox-shape--round {
.vc-hoverbox-front,
.vc-hoverbox-back {
border-radius: 50px;
}
}
&.vc-hoverbox-align--center {
text-align: center;
}
&.vc-hoverbox-align--left {
text-align: left;
}
&.vc-hoverbox-align--right {
text-align: right;
}
}
.vc-hoverbox-wrapper {
.vc-hoverbox {
position: relative;
display: inline-block;
text-align: center;
width: 100%;
}
&.vc-hoverbox-width--100 {
.vc-hoverbox {
width: 100%;
}
}
&.vc-hoverbox-width--90 {
.vc-hoverbox {
width: 90%;
}
}
&.vc-hoverbox-width--80 {
.vc-hoverbox {
width: 80%;
}
}
&.vc-hoverbox-width--70 {
.vc-hoverbox {
width: 70%;
}
}
&.vc-hoverbox-width--60 {
.vc-hoverbox {
width: 60%;
}
}
&.vc-hoverbox-width--50 {
.vc-hoverbox {
width: 50%;
}
}
&.vc-hoverbox-width--40 {
.vc-hoverbox {
width: 40%;
}
}
&.vc-hoverbox-width--30 {
.vc-hoverbox {
width: 30%;
}
}
&.vc-hoverbox-width--20 {
.vc-hoverbox {
width: 20%;
}
}
&.vc-hoverbox-width--10 {
.vc-hoverbox {
width: 10%;
}
}
}
.vc-hoverbox-inner {
width: 100%;
display: inline-block;
min-height: 250px;
:last-child {
margin-bottom: 0;
}
}
.vc-hoverbox-block {
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
transition: transform .5s ease-in-out;
transform-style: preserve-3d;
background-size: cover; // 100% 100%;
background-position: center;
}
.vc-hoverbox-block-inner {
flex-shrink: 0;
padding: 20px;
}
.vc-hoverbox-front {
transform: rotateY(0deg);
}
.vc-hoverbox-back {
transform: rotateY(180deg);
}
.vc-hoverbox {
&:hover {
.vc-hoverbox-front {
transform: rotateY(-180deg);
}
.vc-hoverbox-back {
transform: rotateY(0deg);
}
}
}
// reverse
.vc-hoverbox-wrapper {
&.vc-hoverbox-direction--reverse {
.vc-hoverbox-front {
transform: rotateY(180deg);
}
.vc-hoverbox-back {
transform: rotateY(0deg);
z-index: 2;
}
.vc-hoverbox {
&:hover {
.vc-hoverbox-front {
transform: rotateY(0deg);
}
.vc-hoverbox-back {
transform: rotateY(-180deg);
}
}
}
}
}