{"id":121313,"date":"2023-07-05T10:50:37","date_gmt":"2023-07-05T05:20:37","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/design-creative-hover-animation-card-layouts\/"},"modified":"2023-07-05T11:57:39","modified_gmt":"2023-07-05T06:27:39","slug":"design-creative-hover-animation-card-layouts","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/design-creative-hover-animation-card-layouts\/","title":{"rendered":"How to design Creative Hover Animation Card Layouts in Elementor using The Plus Addons [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to design Creative Hover Animation Card Layouts in Elementor using The Plus Addons\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/wRZlRe_H5_U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 12 : 09 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>Hello everyone today we will learn how to add Hover Card In your WordPress website using The Plus Addons for Elementor. Have you though for some unique hover designs but couldn&#8217;t possible without custom code? We have made elementor widget to cover all your complex hover designs using elementor options. It&#8217;s compatible with elementor pro&#8217;s dynamic fields and The Plus Addons&#8217;s Custom Loop options.<br><br>\n  Exclusive Features:<br>\n\u2705 Advanced Animations &#038; Hover Options<br>\n\u2705 Compatible with Dynamic Fields of Elementor Pro<br>\n\u2705 Use with Custom Skin + Dynamic Listing<br>\n\u2705 Unlimited Possibilities<br><br>\n1)  What is a Hover Card  ?<br>\nHover Card allows you to transform your website into a fully interactive user experience. With this plugin, you can seamlessly add hover cards to your website<br><br>\n2) What do i need to add Hover Card on my website  ?<br>\nInteractive hover cards add rich look and feel to your website, Using this hover card you can add effect to any elementor section easily<br><br>\n\u25b6\ufe0f LIVE Widget Link   &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-hover-card-animations\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-hover-card-animations\/<\/a><\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121314,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121313","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121313"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121313\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121314"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121313"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}