/*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ .elementor-animation-grow { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow:hover { transform: scale(1.1); } /* Shrink */ .elementor-animation-shrink { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-shrink:hover { transform: scale(0.9); } /* Pulse */ @keyframes elementor-animation-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } .elementor-animation-pulse:hover { animation-name: elementor-animation-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } /* Pulse Grow */ @keyframes elementor-animation-pulse-grow { to { transform: scale(1.1); } } .elementor-animation-pulse-grow:hover { animation-name: elementor-animation-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Pulse Shrink */ @keyframes elementor-animation-pulse-shrink { to { transform: scale(0.9); } } .elementor-animation-pulse-shrink:hover { animation-name: elementor-animation-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Push */ @keyframes elementor-animation-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .elementor-animation-push:hover { animation-name: elementor-animation-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } /* Pop */ @keyframes elementor-animation-pop { 50% { transform: scale(1.2); } } .elementor-animation-pop:hover { animation-name: elementor-animation-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } /* Bounce In */ .elementor-animation-bounce-in { transition-duration: 0.5s; } .elementor-animation-bounce-in:hover { transform: scale(1.2); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .elementor-animation-bounce-out { transition-duration: 0.5s; } .elementor-animation-bounce-out:hover { transform: scale(0.8); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .elementor-animation-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-rotate:hover { transform: rotate(4deg); } /* Grow Rotate */ .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } /* Float */ .elementor-animation-float { transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .elementor-animation-float:hover { transform: translateY(-8px); } /* Sink */ .elementor-animation-sink { transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .elementor-animation-sink:hover { transform: translateY(8px); } /* Bob */ @keyframes elementor-animation-bob { 0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); } } @keyframes elementor-animation-bob-float { 100% { transform: translateY(-8px); } } .elementor-animation-bob:hover { animation-name: elementor-animation-bob-float, elementor-animation-bob; animation-duration: .3s, 1.5s; animation-delay: 0s, .3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } /* Hang */ @keyframes elementor-animation-hang { 0% { transform: translateY(8px); } 50% { transform: translateY(4px); } 100% { transform: translateY(8px); } } @keyframes elementor-animation-hang-sink { 100% { transform: translateY(8px); } } .elementor-animation-hang:hover { animation-name: elementor-animation-hang-sink, elementor-animation-hang; animation-duration: .3s, 1.5s; animation-delay: 0s, .3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } /* Skew */ .elementor-animation-skew { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-skew:hover { transform: skew(-10deg); } /* Skew Forward */ .elementor-animation-skew-forward { transition-duration: 0.3s; transition-property: transform; transform-origin: 0 100%; } .elementor-animation-skew-forward:hover { transform: skew(-10deg); } /* Skew Backward */ .elementor-animation-skew-backward { transition-duration: 0.3s; transition-property: transform; transform-origin: 0 100%; } .elementor-animation-skew-backward:hover { transform: skew(10deg); } /* Wobble Vertical */ @keyframes elementor-animation-wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0); } } .elementor-animation-wobble-vertical:hover { animation-name: elementor-animation-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Horizontal */ @keyframes elementor-animation-wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } .elementor-animation-wobble-horizontal:hover { animation-name: elementor-animation-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @keyframes elementor-animation-wobble-to-bottom-right { 16.65% { transform: translate(8px, 8px); } 33.3% { transform: translate(-6px, -6px); } 49.95% { transform: translate(4px, 4px); } 66.6% { transform: translate(-2px, -2px); } 83.25% { transform: translate(1px, 1px); } 100% { transform: translate(0, 0); } } .elementor-animation-wobble-to-bottom-right:hover { animation-name: elementor-animation-wobble-to-bottom-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble To Top Right */ @keyframes elementor-animation-wobble-to-top-right { 16.65% { transform: translate(8px, -8px); } 33.3% { transform: translate(-6px, 6px); } 49.95% { transform: translate(4px, -4px); } 66.6% { transform: translate(-2px, 2px); } 83.25% { transform: translate(1px, -1px); } 100% { transform: translate(0, 0); } } .elementor-animation-wobble-to-top-right:hover { animation-name: elementor-animation-wobble-to-top-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Top */ @keyframes elementor-animation-wobble-top { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .elementor-animation-wobble-top { transform-origin: 0 100%; } .elementor-animation-wobble-top:hover { animation-name: elementor-animation-wobble-top; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Bottom */ @keyframes elementor-animation-wobble-bottom { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .elementor-animation-wobble-bottom { transform-origin: 100% 0; } .elementor-animation-wobble-bottom:hover { animation-name: elementor-animation-wobble-bottom; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Skew */ @keyframes elementor-animation-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .elementor-animation-wobble-skew:hover { animation-name: elementor-animation-wobble-skew; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Buzz */ @keyframes elementor-animation-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } .elementor-animation-buzz:hover { animation-name: elementor-animation-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; } /* Buzz Out */ @keyframes elementor-animation-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } .elementor-animation-buzz-out:hover { animation-name: elementor-animation-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } /*# sourceMappingURL=hover.css.map */ May 2022 – Mouse Technology

Monthly Archives: May 2022

Programming & Tech

Why Every Educational Institute Needs a Website

Posted on by Abhishek Singh
24
May

The importance of an educational institute having its own website cannot be understated, and every institution should have one. If you’re not convinced that a website is the best way to promote your institution, take a look at these benefits of having an educational institute website and see if you change your mind. Advantages of […]

Continue reading →
Programming & Tech

5 Reasons Why Every Lawyer Needs a Website

Posted on by Abhishek Singh
24
May

If you’re reading this, then you’re probably a lawyer yourself, or at least know one and want to share this article with them. And if you’re reading this, then that means you probably don’t have your own website. Although having your own website might not seem as important to you as it should (probably because […]

Continue reading →
Graphics & Design

The Do’s and Don’ts of Banner Design for Online Marketing

Posted on by Abhishek Singh
23
May

Banner design can either be the coolest thing in the world or the worst thing in the world, depending on what you do with it. If you’re serious about online marketing, make sure you pay attention to these do’s and don’ts when it comes to banner design. These will help ensure that your banner design […]

Continue reading →
Digital Marketing

How to Make Your Local SEO Efforts Pay Off

Posted on by Abhishek Singh
23
May

People often overlook the importance of local SEO as it relates to their online marketing efforts. It’s easy to do; after all, you’re trying to sell your product or service to people in your area and not on a national scale. Still, the fact that your business has local ties means that local search engine […]

Continue reading →
Programming & Tech

How to Use E-commerce for Your Business

Posted on by Abhishek Singh
23
May

So, you want to start your own business? That’s great! If you are like most people starting a business, you don’t have an unlimited budget, so you will have to find ways to make your business work without breaking the bank. One great way to save money is by using e-commerce for your business, which […]

Continue reading →
× How can I help you?