File manager - Edit - /home/jardides/www/Jardi-design/media/com_maximenuck/presets/horizontal/effect17/custom.css
Back
|ID| .level1 { -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; } |ID| .level1 > a { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; } |ID| .level1 > a { position: relative; /*display: inline-block;*/ -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; } |ID| .level1 > a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: inherit; box-sizing: border-box; color: #2f4351; content: attr(data-hover); -webkit-transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; -moz-transition: -moz-transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; opacity: 0; } |ID| .level1 > a:hover:before, |ID| .level1 > a:focus:before { opacity: 1; -webkit-transform: rotateX(10deg); -moz-transform: rotateX(10deg); transform: rotateX(10deg); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings