FileMaster
Search
Toggle Dark Mode
Home
/
.
/
kiara
/
wp-content
/
plugins
/
premium-addons-for-elementor
/
assets
/
frontend
/
css
Edit File: premium-title.css
/**************** Premium Title ****************/ /***********************************************/ .premium-title-container .premium-title-header { position: relative; margin: 0; padding: 10px; } .premium-title-container .premium-title-header:not(.premium-title-style7) { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-title-container .premium-title-header svg { width: 40px; height: 40px; } .premium-title-container .premium-title-header img { width: 40px; height: 40px; object-fit: cover; } .premium-title-container .premium-title-header a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-title-container .premium-lottie-animation { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-icon-row .premium-title-icon { margin-right: 10px; } .premium-title-icon-row-reverse .premium-title-icon { margin-left: 10px; } .premium-title-flex-start .premium-title-header { text-align: left; } .premium-title-center .premium-title-header { text-align: center; } .premium-title-flex-end .premium-title-header { text-align: right; } .premium-title-style3, .premium-title-style4 { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-style1, .premium-title-style2, .premium-title-style5, .premium-title-style6, .premium-title-style8, .premium-title-style9 { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-title-style7 { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-title-style7 .premium-title-style7-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-title-style1 { border-width: 0; border-left: 3px solid #6ec1e4; } .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 { border-bottom: 3px solid #6ec1e4; } /*Style 6 Header*/ .premium-title-style6:before { position: absolute; left: 50%; bottom: 0; margin-left: -2px; content: ""; border: 3px solid transparent; } /*Style 6 Trinagle*/ .premium-title-style7-stripe-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-style7:before { display: none; } .premium-title-style8 .premium-title-text[data-animation=shiny] { background-size: 125px !important; color: rgba(255, 255, 255, 0); -webkit-background-clip: text !important; background-clip: text !important; -webkit-animation-name: pa-shinny-text !important; animation-name: pa-shinny-text !important; -webkit-animation-duration: var(--animation-speed) !important; animation-duration: var(--animation-speed) !important; -webkit-animation-iteration-count: infinite !important; animation-iteration-count: infinite !important; background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; } @-webkit-keyframes pa-shinny-text { 0% { background-position: 0%; } 100% { background-position: 200%; } } @keyframes pa-shinny-text { 0% { background-position: 0%; } 100% { background-position: 200%; } } .premium-title-style9[data-animation-blur=process] .premium-title-style9-letter { -webkit-animation: pa-blur-shadow 2s 1 alternate; animation: pa-blur-shadow 2s 1 alternate; } @-webkit-keyframes pa-blur-shadow { from { text-shadow: 0 0 var(--shadow-value) var(--shadow-color); color: transparent; } to { text-shadow: 0; } } @keyframes pa-blur-shadow { from { text-shadow: 0 0 var(--shadow-value) var(--shadow-color); color: transparent; } to { text-shadow: 0; } } .premium-title-gradient-yes .premium-title-text, .premium-title-gradient-yes .premium-title-icon { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd); background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd); -webkit-animation: pa-text-gradient 8s infinite; animation: pa-text-gradient 8s infinite; } .premium-title-noise-yes .premium-title-text { position: relative; } .premium-title-noise-yes .premium-title-text::before { content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-1 3s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-noise-yes .premium-title-text::after { content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-2 2s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-clipped .premium-title-text { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } @-webkit-keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @-webkit-keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 137px, 0); } 5% { clip: rect(88px, 9999px, 297px, 0); } 10% { clip: rect(81px, 9999px, 162px, 0); } 15% { clip: rect(38px, 9999px, 229px, 0); } 20% { clip: rect(62px, 9999px, 123px, 0); } 25% { clip: rect(5px, 9999px, 217px, 0); } 30% { clip: rect(9px, 9999px, 180px, 0); } 35% { clip: rect(17px, 9999px, 3px, 0); } 40% { clip: rect(97px, 9999px, 194px, 0); } 45% { clip: rect(9px, 9999px, 18px, 0); } 50% { clip: rect(94px, 9999px, 5px, 0); } 55% { clip: rect(53px, 9999px, 89px, 0); } 60% { clip: rect(2px, 9999px, 124px, 0); } 65% { clip: rect(24px, 9999px, 177px, 0); } 70% { clip: rect(45px, 9999px, 98px, 0); } 75% { clip: rect(75px, 9999px, 16px, 0); } 80% { clip: rect(9px, 9999px, 81px, 0); } 85% { clip: rect(56px, 9999px, 186px, 0); } 90% { clip: rect(53px, 9999px, 29px, 0); } 95% { clip: rect(86px, 9999px, 254px, 0); } 100% { clip: rect(63px, 9999px, 176px, 0); } } @keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 137px, 0); } 5% { clip: rect(88px, 9999px, 297px, 0); } 10% { clip: rect(81px, 9999px, 162px, 0); } 15% { clip: rect(38px, 9999px, 229px, 0); } 20% { clip: rect(62px, 9999px, 123px, 0); } 25% { clip: rect(5px, 9999px, 217px, 0); } 30% { clip: rect(9px, 9999px, 180px, 0); } 35% { clip: rect(17px, 9999px, 3px, 0); } 40% { clip: rect(97px, 9999px, 194px, 0); } 45% { clip: rect(9px, 9999px, 18px, 0); } 50% { clip: rect(94px, 9999px, 5px, 0); } 55% { clip: rect(53px, 9999px, 89px, 0); } 60% { clip: rect(2px, 9999px, 124px, 0); } 65% { clip: rect(24px, 9999px, 177px, 0); } 70% { clip: rect(45px, 9999px, 98px, 0); } 75% { clip: rect(75px, 9999px, 16px, 0); } 80% { clip: rect(9px, 9999px, 81px, 0); } 85% { clip: rect(56px, 9999px, 186px, 0); } 90% { clip: rect(53px, 9999px, 29px, 0); } 95% { clip: rect(86px, 9999px, 254px, 0); } 100% { clip: rect(63px, 9999px, 176px, 0); } } @-webkit-keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 1px, 0); } 5% { clip: rect(19px, 9999px, 125px, 0); } 10% { clip: rect(17px, 9999px, 123px, 0); } 15% { clip: rect(46px, 9999px, 253px, 0); } 20% { clip: rect(28px, 9999px, 79px, 0); } 25% { clip: rect(64px, 9999px, 284px, 0); } 30% { clip: rect(58px, 9999px, 55px, 0); } 35% { clip: rect(18px, 9999px, 14px, 0); } 40% { clip: rect(61px, 9999px, 120px, 0); } 45% { clip: rect(63px, 9999px, 13px, 0); } 50% { clip: rect(59px, 9999px, 298px, 0); } 55% { clip: rect(20px, 9999px, 159px, 0); } 60% { clip: rect(49px, 9999px, 73px, 0); } 65% { clip: rect(70px, 9999px, 149px, 0); } 70% { clip: rect(70px, 9999px, 49px, 0); } 75% { clip: rect(82px, 9999px, 189px, 0); } 80% { clip: rect(25px, 9999px, 211px, 0); } 85% { clip: rect(76px, 9999px, 12px, 0); } 90% { clip: rect(2px, 9999px, 192px, 0); } 95% { clip: rect(9px, 9999px, 20px, 0); } 100% { clip: rect(41px, 9999px, 164px, 0); } } @keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 1px, 0); } 5% { clip: rect(19px, 9999px, 125px, 0); } 10% { clip: rect(17px, 9999px, 123px, 0); } 15% { clip: rect(46px, 9999px, 253px, 0); } 20% { clip: rect(28px, 9999px, 79px, 0); } 25% { clip: rect(64px, 9999px, 284px, 0); } 30% { clip: rect(58px, 9999px, 55px, 0); } 35% { clip: rect(18px, 9999px, 14px, 0); } 40% { clip: rect(61px, 9999px, 120px, 0); } 45% { clip: rect(63px, 9999px, 13px, 0); } 50% { clip: rect(59px, 9999px, 298px, 0); } 55% { clip: rect(20px, 9999px, 159px, 0); } 60% { clip: rect(49px, 9999px, 73px, 0); } 65% { clip: rect(70px, 9999px, 149px, 0); } 70% { clip: rect(70px, 9999px, 49px, 0); } 75% { clip: rect(82px, 9999px, 189px, 0); } 80% { clip: rect(25px, 9999px, 211px, 0); } 85% { clip: rect(76px, 9999px, 12px, 0); } 90% { clip: rect(2px, 9999px, 192px, 0); } 95% { clip: rect(9px, 9999px, 20px, 0); } 100% { clip: rect(41px, 9999px, 164px, 0); } }
Save
Back