Fahad is a talented web developer with a fantastic dimension of creativity and proactivity. He made the whole process very easy for me with excellent communication. I enjoyed the process and timely delivery. Thank you so much.
My goodness! Fahad!!! You're a magician. Oh my gosshh! I can't thank you more, Also thanks to Max for referring you! I'm super happy!
Subscribe To My YouTube Channel For More Upcoming Videos
selector{ min-width: 1200px; } @media screen and (max-width: 1300px) and (min-width: 1025px){ selector .elementor-heading-title{ font-size: 100px !important; } }
selector .elementor-button-content-wrapper:after{ content: ""; height: 1px; display: inline-block; background-color: #fff; position: absolute; top: 31px; margin-left: 40px; width: 32px; transition: width .6s ease; } selector:hover .elementor-button-content-wrapper:after{ width: 70px; }
selector .box-1, selector .box-2{ opacity: 0 !important; transition: all 0.5s ease-out; } selector:hover .box-1, selector:hover .box-2{ opacity: 1 !important; }
selector{ transform: rotate(-90deg); width: 320px; } selector:hover .item-2 .elementor-heading-title{ color: #000; } selector:hover .item-1 .elementor-icon-list-text, selector:hover .item-1 .elementor-icon-list-icon i{ color: #000; }
selector:hover .elementor-icon{ transform: rotate(45deg); } selector:hover .elementor-icon svg{ fill: #000 !important; }
box-1 box-2 item-1 item-2 icon
selector i{ font-size: 45px; } selector:after{ content: ""; height: 1px; display: inline-block; background-color: #fff; position: absolute; top: 44px; margin-left: 280px; width: 32px; transition: width .6s ease; } selector:hover:after{ width: 100px; } @media screen and (max-width: 1023px){ selector:after{ top: 75px; } } @media screen and (max-width: 767px){ selector:after{ top: 60px; margin-left: 145px; } selector:hover:after{ width: 60px; } }
selector:hover .box-1 .elementor-heading-title{ -webkit-text-stroke-color: #fff; stroke: #fff; } selector:hover .box-1 p{ color: #fff; } selector:hover .box-2 .elementor-heading-title, selector:hover .box-3 .elementor-heading-title{ color: #fff; } selector:hover .box-2 .elementor-divider-separator{ border-top-color: #fff; }
(“ “)
selector:hover .blog-item{ background-color: #000!important; } selector:hover .blog-item .elementor-icon-list-text, selector:hover .blog-item .elementor-heading-title{ color: #fff !important; }
blog-item
selector .elementor-button:after{ content: ""; height: 1px; display: inline-block; background-color: #fff; position: absolute; top: 33px; margin-left: 40px; width: 32px; transition: width .6s ease; } selector .elementor-button:hover:after{ width: 80px !important; } selector .elementor-field-textual:focus { box-shadow: inset 0 0 0 0px rgba(0,0,0,.1); outline: 0; }
I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!