Services Hover Effect<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Six+Caps&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \r\n\r\n .services-ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n text-align: center;\r\n }\r\n\r\n .services-ul li {\r\n font-size: 105px;\r\n line-height: 100%;\r\n color: white;\r\n position: relative;\r\n margin: 120px 0px 0px;\r\n cursor: pointer;\r\n font-family: 'Six Caps', sans-serif;\r\n }\r\n\r\n .services-ul a {\r\n text-decoration: none;\r\n color: white;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .bg-img {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 100%;\r\n height: 0;\r\n transform: translate(-50%, -50%) scaleY(0);\r\n transform-origin: center;\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 1;\r\n z-index: 1;\r\n transition: transform 0.5s ease, height 0.5s ease;\r\n }\r\n\r\n .li-1 .bg-img {\r\n background-image: url('https:\/\/amzvision.de\/wp-content\/uploads\/2025\/05\/a4e309c77fa9204bb975861903fda3c11bbbcdc1.jpg');\r\n }\r\n\r\n .li-2 .bg-img {\r\n background-image: url('https:\/\/amzvision.de\/wp-content\/uploads\/2025\/05\/b63c34284af7f98e9aca21da93d8074d7bf641ab.png');\r\n }\r\n\r\n .li-3 .bg-img {\r\n background-image: url('https:\/\/amzvision.de\/wp-content\/uploads\/2025\/05\/a4e309c77fa9204bb975861903fda3c11bbbcdc1.jpg');\r\n }\r\n\r\n .services-ul li:hover .bg-img {\r\n height: 250px;\r\n transform: translate(-50%, -50%) scaleY(1);\r\n }\r\n\r\n \/* Gradient overlays *\/\r\n .bg-img::before,\r\n .bg-img::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 3;\r\n }\r\n\r\n .bg-img::before {\r\n top: 0;\r\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);\r\n }\r\n\r\n .bg-img::after {\r\n bottom: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n }\r\n\r\n .services-ul li:hover .bg-img::before,\r\n .services-ul li:hover .bg-img::after {\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n opacity: 0.8;\r\n }\r\n .services-container.active {\r\n transform: translateY(-10%);\r\n display:flex;\r\n }\r\n @media (max-width:1024px){\r\n .services-ul li{\r\n font-size: 75px;\r\n margin: 100px 0px;\r\n }\r\n }\r\n @media (max-width:768px){\r\n .services-ul li{\r\n font-size: 45px;\r\n margin: 100px 0px 0px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"width:100%;\">\r\n\r\n <ul class=\"services-ul service-slide\">\r\n <li class=\"li-2\">\r\n <div class=\"bg-img\"><\/div>\r\n <a href=\"https:\/\/amzvision.de\/de\/amazon-listing\/\">amazon listing & EBC<\/a>\r\n <\/li>\r\n <li class=\"li-3\">\r\n <div class=\"bg-img\"><\/div>\r\n <a href=\"https:\/\/amzvision.de\/de\/services\/3d-rendering\/\">3d Rendering, Product retouching<\/a>\r\n <\/li>\r\n <li class=\"li-1\">\r\n <div class=\"bg-img\"><\/div>\r\n <a href=\"https:\/\/amzvision.de\/de\/3d-animation\/\">3d Animation<\/a>\r\n <\/li>\r\n \r\n \r\n \r\n <\/ul>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SERVICES Services Hover Effect amazon listing & EBC 3d Rendering, Product retouching 3d Animation<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/pages\/2797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/comments?post=2797"}],"version-history":[{"count":15,"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/pages\/2797\/revisions"}],"predecessor-version":[{"id":5299,"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/pages\/2797\/revisions\/5299"}],"wp:attachment":[{"href":"https:\/\/amzvision.de\/de\/wp-json\/wp\/v2\/media?parent=2797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}