55ok
| Direktori : /home/bestphotography/public_html/plugins/cursor-effect/ |
| Current File : /home/bestphotography/public_html/plugins/cursor-effect/cursor-effect.css |
/*-- Mouse Cursor --*/
.pointer {
position: fixed;
top: 50%;
left: -100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99999;
-webkit-transition: all 0.2s cubic-bezier(.19, .94, .336, 1);
transition: all 0.2s cubic-bezier(.19, .94, .336, 1);
border-radius: 100%;
background: var(--color-one);
mix-blend-mode: difference;
overflow: hidden;
/* transition: var(--transition-base); */
}
.bnz-pointer.bnz-large {
width: 50px;
height: 50px;
background: rgba(var(--color-white-fixed-rgb), 0.1);
}
/* .bnz-pointer.bnz-large:before,
.bnz-pointer.bnz-drag.bnz-large:before {
content: "";
position: absolute;
left: 0%;
top: 0%;
display: block;
width: 40px;
height: 40px;
background: transparent;
border: 1px dashed var(--color-one);
border-radius: 100%;
animation: spin 4s linear infinite;
transform: none;
transform-origin: unset;
} */
.bnz-pointer.bnz-drag.bnz-large:after {
display: none;
transform: none;
transform-origin: unset;
}
.bnz-pointer.bnz-small {
width: 20px;
height: 20px;
background: rgba(var(--color-white-rgb), 0.1);
}
.bnz-pointer.bnz-small::before,
.bnz-pointer.bnz-drag.bnz-small:before{
display: none;
}
.bnz-pointer.bnz-small::after,
.bnz-pointer.bnz-drag.bnz-small:after{
display: none;
}
.bnz-pointer.bnz-none {
width: 0px;
height: 0px;
}
.bnz-pointer.bnz-drag {
width: 50px;
height: 50px;
background: rgba(var(--color-white-rgb), 0.1);
-webkit-box-shadow: 0 0 10px rgba(var(--color-white-rgb), 0.1);
box-shadow: 0 0 10px rgba(var(--color-white-rgb), 0.1);
overflow: visible;
cursor: pointer;
}
.bnz-pointer.bnz-drag:before {
content: "\F284";
font-family: "bootstrap-icons";
position: absolute;
top: 50%;
left: -17px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--color-one);
font-size: 16px;
transform-origin: top;
}
.bnz-pointer.bnz-drag:after {
content: "\F285";
font-family: "bootstrap-icons";
position: absolute;
top: 50%;
left: auto;
right: -17px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--color-one);
font-size: 16px;
transform-origin: top;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}