'', 'gradient_icon' => '', 'pattern_icon' => '', 'image_icon' => '', 'video_icon' => '', 'boxed' => '', 'full' => '', // ---------------------------------- media ------------------------------------- // 'desktop' => '', 'tablet' => '', 'phone' => '', // ---------------------------------- states---------------------------------------------- // 'default_state' => '', 'hover_state' => '', 'focus_state' => '', // ---------------------------------- palette ---------------------------------------------- // 'palette_main' => '', 'palette_invert' => '', // --- navbar bg --- // 'bg_video' => '', // --- css selectors --- // 'selector_button' => 'a.button.project-input_button, button, input[type="button"], input[type="submit"], a.button, a.btn, .button, .btn, button, .wpcf7-form-control[type^=\'submit\'], .post-sidebar .wpcf7-form-control.wpcf7-submit', 'selector_button:hover' => 'a.button.project-input_button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, a.btn:hover, .button:hover, .btn:hover, button:hover, .wpcf7-form-control[type^=\'submit\']:hover, .post-sidebar .wpcf7-form-control.wpcf7-submit:hover', 'selector_button:focus' => 'a.button.project-input_button:focus, button:focus, input[type="button"]:focus, input[type="submit"]:focus, a.button:focus, a.btn:focus, .button:focus, .btn:focus, button:focus, .wpcf7-form-control[type^=\'submit\']:focus, .post-sidebar .wpcf7-form-control.wpcf7-submit:focus', 'selector_button_icon' => 'a.button.project-input_button i[class*="ib-"], button i[class*="ib-"], a.button i[class*="ib-"], a.btn i[class*="ib-"], .button i[class*="ib-"], .btn i[class*="ib-"]', 'selector_button:hover_icon' => 'a.button.project-input_button:hover i[class*="ib-"], button:hover i[class*="ib-"], a.button:hover i[class*="ib-"], a.btn:hover i[class*="ib-"], .button:hover i[class*="ib-"], .btn:hover i[class*="ib-"]', 'selector_button:focus_icon' => 'a.button.project-input_button:focus i[class*="ib-"], button:focus i[class*="ib-"], a.button:focus i[class*="ib-"], a.btn:focus i[class*="ib-"], .button:focus i[class*="ib-"], .btn:focus i[class*="ib-"]', // --- links animation --- // 'link-effect-7' => [ 'element' => 'text-decoration: none; position: relative;', 'element_hover' => '', 'element_before' => 'position: absolute;top: 100%;left: 0;width: 100%;height: 0;border: 2px solid;content: \'\';transition: transform 0.3s;transform: scale(0.85) translateY(-100%);', 'element_after' => 'position: absolute;top: 100%;left: 0;width: 100%;height: 0;border: 2px solid;content: \'\';transition: transform 0.3s;transform: scale(0.85) translateY(-100%);opacity: 0;-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: top 0.3s, opacity 0.3s, transform 0.3s;', 'element_hover_before' => '-webkit-transform: scale(1) translateY(-100%); -ms-transform: scale(1) translateY(-100%); transform: scale(1) translateY(-100%);', 'element_hover_after' => '-webkit-transform: scale(1) translateY(-100%); -ms-transform: scale(1) translateY(-100%); transform: scale(1) translateY(-100%);top: 0%;opacity: 1;', ], 'link-effect-14' => [ 'element' => 'text-decoration: none; position: relative;', 'element_hover' => '', 'element_before' => 'position: absolute; width: 100%; height: 0; border-bottom: 2px solid; background: #fff; content: \'\'; opacity: .2; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none;top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;', 'element_after' => 'position: absolute; width: 100%; height: 0; border-bottom: 2px solid; background: #fff; content: \'\'; opacity: .2; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none;right: 0; bottom: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0;', 'element_hover_before' => 'opacity: 1; -webkit-transform: scale(1); transform: scale(1);left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%);', 'element_hover_after' => 'opacity: 1; -webkit-transform: scale(1); transform: scale(1);right: 50%; -webkit-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%);', ], 'link-effect-21' => [ 'element' => 'text-decoration: none; position: relative; -webkit-transition: color 0.3s; transition: color 0.3s; ', 'element_hover' => '', 'element_before' => 'position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid; content: \'\'; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-10px); transform: translateY(-10px);top: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px);', 'element_after' => 'position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid; content: \'\'; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-10px); transform: translateY(-10px);bottom: 0; -webkit-transform: translateY(10px); transform: translateY(10px);', 'element_hover_before' => 'opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);', 'element_hover_after' => 'opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);', ], 'link-effect-22' => [ 'element' => 'position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; ', 'element_hover' => '', 'element_before' => 'content: \'\'; position: absolute; top: 50%; left: 0; width: 100%; height: 0; border-bottom: 1px solid;-webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; ', 'element_after' => '', 'element_hover_before' => '-webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%);', 'element_hover_after' => '', ], ];