{"id":90283,"date":"2021-12-06T16:02:33","date_gmt":"2021-12-06T10:02:33","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=90283"},"modified":"2026-03-08T15:04:45","modified_gmt":"2026-03-08T09:04:45","slug":"animated-card","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/animated-card\/","title":{"rendered":"Animated Card"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90283\" class=\"elementor elementor-90283\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e140719 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"e140719\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b17c25c bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"b17c25c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e90cd37 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"e90cd37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"e90cd37\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 01: <\/span><span class=\"bdt-mainh-split-text\">Image Position Right<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db550b0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"db550b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"89\">The image positioned on the right, creating a dynamic and visually appealing layout.<\/p>\t\t\t\t\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-a1ac052 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"a1ac052\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0977b7 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-animated-card\" data-id=\"c0977b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-card.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card bdt-style-1\">\n\t\t\t<div class=\"bdt-ep-animated-card-item\">\n\t\t\t\t<div class=\"bdt-ep-animated-card-circle\"><\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-content\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3\t\t\t\t\tclass=\"bdt-ep-animated-card-title\">\n\t\t\t\t\tCoca Cola\t\t\t\t<\/h3>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card-text\">\n\t\t\t\t\tA classic glass bottle with the iconic contoured shape, featuring the instantly recognizable red label and white Coca-Cola logo. Embodies a timeless enjoyment, perfect for savoring the crisp of Coca-Cola.\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"bdt-ep-animated-card-btn-wrap\">\n\t\t\t\t<a class=\"bdt-ep-animated-card-btn bdt-display-inline-block\" href=\"#\">\n\t\t\t\t\tGo Fizzy Taste\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2021\/12\/800.350.png\" alt=\"Coca Cola\" class=\"bdt-ep-animated-card-img\"><\/div>\t\t\t<\/div>\n\t\t<\/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-4d1191a e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"4d1191a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-afd8777 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"afd8777\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0921b7d elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"0921b7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"0921b7d\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 02 : <\/span><span class=\"bdt-mainh-split-text\">Image Position Left<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-952fcc6 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"952fcc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A stylish animated card widget with the image positioned on the left and content on the right.<\/p>\t\t\t\t\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-2bf2576 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"2bf2576\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7a7e8d elementor-widget__width-inherit elementor-widget elementor-widget-bdt-animated-card\" data-id=\"d7a7e8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-card.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card bdt-style-2\">\n\t\t\t<div class=\"bdt-ep-animated-card-item\">\n\t\t\t\t<div class=\"bdt-ep-animated-card-circle\"><\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-content\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3\t\t\t\t\tclass=\"bdt-ep-animated-card-title\">\n\t\t\t\t\tOrange\t\t\t\t<\/h3>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card-text\">\n\t\t\t\t\tA refreshing twist on the classic Coca-Cola, infused with tropical pineapple flavor for a sweet and fizzy taste experience.\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"bdt-ep-animated-card-btn-wrap\">\n\t\t\t\t<a class=\"bdt-ep-animated-card-btn bdt-display-inline-block\" href=\"#\">\n\t\t\t\t\tNostalgic Touch\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2021\/12\/350.800.png\" alt=\"Orange\" class=\"bdt-ep-animated-card-img\"><\/div>\t\t\t<\/div>\n\t\t<\/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-2c37987 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"2c37987\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d75154 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"4d75154\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32af7ea elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"32af7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"32af7ea\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 03 : <\/span><span class=\"bdt-mainh-split-text\">Gradient Example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f9189 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"32f9189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"84\">This animated card widget uses vibrant gradient backgrounds to create a modern and eye-catching look.<\/p>\t\t\t\t\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-18f9cc3 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"18f9cc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cccbf5c elementor-widget__width-inherit elementor-widget elementor-widget-bdt-animated-card\" data-id=\"cccbf5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-card.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card bdt-style-1\">\n\t\t\t<div class=\"bdt-ep-animated-card-item\">\n\t\t\t\t<div class=\"bdt-ep-animated-card-circle\"><\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-content\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3\t\t\t\t\tclass=\"bdt-ep-animated-card-title\">\n\t\t\t\t\tCoca Cola\t\t\t\t<\/h3>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card-text\">\n\t\t\t\t\tThis iconic Coca-Cola glass bottle features the classic contoured design and bold red label. Perfectly chilled, it delivers the refreshing, crisp taste that\u2019s loved worldwide. every sip a moment to enjoy.\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"bdt-ep-animated-card-btn-wrap\">\n\t\t\t\t<a class=\"bdt-ep-animated-card-btn bdt-display-inline-block\" href=\"#\">\n\t\t\t\t\tPerfectly Chilled\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2022\/01\/350.800.3.png\" alt=\"Coca Cola\" class=\"bdt-ep-animated-card-img\"><\/div>\t\t\t<\/div>\n\t\t<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo 01: Image Position Right The image positioned on the right, creating a dynamic and visually appealing layout. Coca Cola A classic glass bottle with the iconic contoured shape, featuring the instantly recognizable red label and white Coca-Cola logo. Embodies a timeless enjoyment, perfect for savoring the crisp of Coca-Cola. Go Fizzy Taste Demo 02 : Image Position Left A stylish animated card widget with the image positioned on the left and content on the right. Orange A refreshing twist on the classic Coca-Cola, infused with tropical pineapple flavor for a sweet and fizzy taste experience. Nostalgic Touch Demo 03 : Gradient Example This animated card widget uses vibrant gradient backgrounds to create a modern and eye-catching look. Coca Cola This iconic Coca-Cola glass bottle features the classic contoured design and bold red label. Perfectly chilled, it delivers the refreshing, crisp taste that\u2019s loved worldwide. every sip a moment to enjoy. Perfectly Chilled<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-90283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/90283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=90283"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/90283\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=90283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}