{"id":6338,"date":"2023-11-16T12:29:22","date_gmt":"2023-11-16T12:29:22","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/widgets\/?page_id=6338"},"modified":"2026-01-01T10:10:20","modified_gmt":"2026-01-01T10:10:20","slug":"card-hover-interactions","status":"publish","type":"page","link":"https:\/\/etemplates.wdesignkit.com\/widgets\/card-hover-interactions\/","title":{"rendered":"Card Hover Interaction"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6338\" class=\"elementor elementor-6338\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a799fc2 e-flex e-con-boxed e-con e-parent\" data-id=\"a799fc2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n\n\n\n\n\n\n\t\t<div class=\"elementor-element elementor-element-3220198 elementor-widget elementor-widget-shortcode\" data-id=\"3220198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"nxt-template-load nxt-load-hook-82570\" data-id=\"82570\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"82570\" class=\"elementor elementor-82570\" data-elementor-post-type=\"nxt_builder\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c4cf6a e-flex e-con-boxed e-con e-parent\" data-id=\"1c4cf6a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4c97a73 e-con-full e-flex e-con e-child\" data-id=\"4c97a73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f2e2050 e-con-full e-flex e-con e-child\" data-id=\"f2e2050\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9857537 elementor-widget elementor-widget-tp-style-list\" data-id=\"9857537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-style-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"plus-bg-hover-effect\">\r\n\t\t\t\t<div class=\"hover-item-content elementor-repeater-item-7bc0394 active \"><\/div>\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t<div class=\"plus-stylist-list-wrapper     \"   data-layout=\"{&quot;desktop&quot;:&quot;default&quot;,&quot;tablet&quot;:&quot;default&quot;,&quot;mobile&quot;:&quot;default&quot;}\" >\r\n\t\t\t\r\n\t\t<ul class=\"plus-icon-list-items d-flex-center\">\r\n\t\t\t\t\t\t\t<li id=\"tooltip69fafe77cd0ee\" class=\"plus-icon-list-item elementor-repeater-item-7bc0394   active\" data-local=\"true\" >\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<a href=\"https:\/\/wdesignkit.com\/author\/wpdk-64ae485b\" target=\"_blank\">\t\t\t\t\t\t<div class=\"plus-icon-list-icon \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#040483\"><\/rect><path d=\"M19.4733 11.3853L14.7042 16.8L11.9969 14.4155L9.28951 16.8L4.52051 11.3853L7.2279 9.00082L10.1961 12.3664V7.20001H13.7977V12.3664L16.7659 9.00082L18.4922 10.5159L19.4733 11.3853Z\" fill=\"#C22076\"><\/path><\/svg><\/span> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"plus-icon-list-text \" >\r\n\t\t\t\t\t\t<p>WDesignKit<\/p>\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<\/ul>\r\n\r\n\t\t\t\t<\/div>\t\t\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"plus-conditions--hidden elementor-element elementor-element-6eae9c1 elementor-widget elementor-widget-heading\" data-id=\"6eae9c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;tp_display_rules_enable&quot;:&quot;yes&quot;,&quot;tp_display_rules_output&quot;:&quot;yes&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">FREE<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2c7886 elementor-widget elementor-widget-heading\" data-id=\"e2c7886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Card Hover Interactions<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-965dbfd elementor-widget elementor-widget-text-editor\" data-id=\"965dbfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tCard Hover Interaction from WDesignKit&#8217;s Free plan \u2013 a creative enhancement for web elements known as cards. Elevate your website&#8217;s user experience with interactive and dynamic effects triggered by a simple hover. Adding a layer of engagement and visual appeal, this widget allows for easy setup and customization, creating a seamless blend of functionality and creativity.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05e3977 e-con-full e-flex e-con e-child\" data-id=\"05e3977\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-407056d elementor-widget elementor-widget-tp-button\" data-id=\"407056d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-   \"><div class=\"button_parallax   \" ><div id=\"button69fafe77cf465\"  class=\" text- ts-button content_hover_effect   \" ><div class=\"pt_plus_button btn69fafe77cf144 button-style-10   \"  ><div class=\"animted-content-inner \"><a href=\"https:\/\/etemplates.wdesignkit.com\/widgets\/card-hover-interactions\/#interact-demo\" class=\"button-link-wrap \" role=\"button\" data-hover=\"Check Demo\"  >Check Demo<\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bca941 elementor-widget elementor-widget-tp-button\" data-id=\"4bca941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-   \"><div class=\"button_parallax   \" ><div id=\"button69fafe77cffee\"  class=\" text- ts-button content_hover_effect   \" ><div class=\"pt_plus_button btn69fafe77cfd09 button-style-10   \"  ><div class=\"animted-content-inner \"><a href=\"https:\/\/wdesignkit.com\/widgets\/card-hover-interactions\/11161\" target=\"_blank\" class=\"button-link-wrap \" role=\"button\" data-hover=\"Download Now\"  >Download Now<\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8896f50 e-con-full e-flex e-con e-child\" data-id=\"8896f50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b68abee elementor-widget elementor-widget-image\" data-id=\"b68abee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"900\" src=\"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-content\/uploads\/sites\/51\/2026\/01\/Card-Hover-Interactions-Hero-Image.png\" class=\"attachment-full size-full wp-image-92619\" alt=\"\" srcset=\"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-content\/uploads\/sites\/51\/2026\/01\/Card-Hover-Interactions-Hero-Image.png 1200w, https:\/\/etemplates.wdesignkit.com\/widgets\/wp-content\/uploads\/sites\/51\/2026\/01\/Card-Hover-Interactions-Hero-Image-300x225.png 300w, https:\/\/etemplates.wdesignkit.com\/widgets\/wp-content\/uploads\/sites\/51\/2026\/01\/Card-Hover-Interactions-Hero-Image-1024x768.png 1024w, https:\/\/etemplates.wdesignkit.com\/widgets\/wp-content\/uploads\/sites\/51\/2026\/01\/Card-Hover-Interactions-Hero-Image-768x576.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29e2afe e-flex e-con-boxed e-con e-parent\" data-id=\"29e2afe\" data-element_type=\"container\" data-e-type=\"container\" id=\"interact-demo\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4f525e elementor-widget elementor-widget-heading\" data-id=\"b4f525e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Style 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccd185e e-flex e-con-boxed e-con e-child\" data-id=\"ccd185e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"theplus-equal-height elementor-element elementor-element-564f2b8 e-con-full e-flex e-con e-child\" data-tp-equal-height-loadded=\".elementor-widget\" data-id=\"564f2b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a00190 elementor-widget elementor-widget-wb-u38au323\" data-id=\"0a00190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-u38au323.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wkit-wb-Widget_u38au323\" data-wdkitunique=\"u38au323\"><div class=\"wkit-card-hvr-main-interact\">\n    <div class=\"wkit-card-hvr-inn-content\">\n        <h2 class=\"wkit-card-hvr-title\" data-ttl=\"Mesmerizing Night View\">\n            Mesmerizing Night View\n        <\/h2>\n         <span class=\"wkit-card-hvr-desc\" data-desc=\"As the sun dips below the horizon, a breath-taking takes place.\">\n            As the sun dips below the horizon, a breath-taking takes place.\n        <\/span>\n        <div class=\"wkit-card-hvr-main-btn\" data-btn=\"Book Now\">\n            <a class=\"wkit-card-hvr-btn\" href=\"#\" target=\"_blank\" rel=\"nofollow\">\n                Book Now\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"theplus-equal-height elementor-element elementor-element-f28dd31 e-con-full e-flex e-con e-child\" data-tp-equal-height-loadded=\".elementor-widget\" data-id=\"f28dd31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47294ee elementor-widget elementor-widget-wb-u38au323\" data-id=\"47294ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-u38au323.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wkit-wb-Widget_u38au323\" data-wdkitunique=\"u38au323\"><div class=\"wkit-card-hvr-main-interact\">\n    <div class=\"wkit-card-hvr-inn-content\">\n        <h2 class=\"wkit-card-hvr-title\" data-ttl=\"Beauty of  Beach\">\n            Beauty of  Beach\n        <\/h2>\n         <span class=\"wkit-card-hvr-desc\" data-desc=\"The beach, a timeless canvas where nature its most enchanting.\">\n            The beach, a timeless canvas where nature its most enchanting.\n        <\/span>\n        <div class=\"wkit-card-hvr-main-btn\" data-btn=\"Book Now\">\n            <a class=\"wkit-card-hvr-btn\" href=\"#\" target=\"_blank\" rel=\"nofollow\">\n                Book Now\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"theplus-equal-height elementor-element elementor-element-cd6a80f e-con-full e-flex e-con e-child\" data-tp-equal-height-loadded=\".elementor-widget\" data-id=\"cd6a80f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b790007 elementor-widget elementor-widget-wb-u38au323\" data-id=\"b790007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-u38au323.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wkit-wb-Widget_u38au323\" data-wdkitunique=\"u38au323\"><div class=\"wkit-card-hvr-main-interact\">\n    <div class=\"wkit-card-hvr-inn-content\">\n        <h2 class=\"wkit-card-hvr-title\" data-ttl=\"Waves of Wonder\">\n            Waves of Wonder\n        <\/h2>\n         <span class=\"wkit-card-hvr-desc\" data-desc=\"Just as the ocean conceals mysteries beneath its surface.\">\n            Just as the ocean conceals mysteries beneath its surface.\n        <\/span>\n        <div class=\"wkit-card-hvr-main-btn\" data-btn=\"Book Now\">\n            <a class=\"wkit-card-hvr-btn\" href=\"#\" target=\"_blank\" rel=\"nofollow\">\n                Book Now\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04d63e3 e-con-full e-flex e-con e-child\" data-id=\"04d63e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c624023 elementor-widget elementor-widget-wb-u38au323\" data-id=\"c624023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-u38au323.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wkit-wb-Widget_u38au323\" data-wdkitunique=\"u38au323\"><div class=\"wkit-card-hvr-main-interact\">\n    <div class=\"wkit-card-hvr-inn-content\">\n        <h2 class=\"wkit-card-hvr-title\" data-ttl=\"High Altitude Adventures\">\n            High Altitude Adventures\n        <\/h2>\n         <span class=\"wkit-card-hvr-desc\" data-desc=\"At high altitudes, the ordinary becomes extraordinary.\">\n            At high altitudes, the ordinary becomes extraordinary.\n        <\/span>\n        <div class=\"wkit-card-hvr-main-btn\" data-btn=\"Book Now\">\n            <a class=\"wkit-card-hvr-btn\" href=\"#\" target=\"_blank\" rel=\"nofollow\">\n                Book Now\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Style 1 Mesmerizing Night View As the sun dips below the horizon, a breath-taking takes place. Book Now Beauty of Beach The beach, a timeless canvas where nature its most enchanting. Book Now Waves of Wonder Just as the ocean conceals mysteries beneath its surface. Book Now High Altitude Adventures At high altitudes, the ordinary [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"widget-section":[],"class_list":["post-6338","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/pages\/6338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/comments?post=6338"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/pages\/6338\/revisions"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/media?parent=6338"}],"wp:term":[{"taxonomy":"widget-section","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/widgets\/wp-json\/wp\/v2\/widget-section?post=6338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}