{"id":13889,"date":"2014-04-10T09:15:03","date_gmt":"2014-04-10T08:15:03","guid":{"rendered":"http:\/\/the7.dream-demo.com\/?page_id=13889"},"modified":"2014-04-10T09:15:03","modified_gmt":"2014-04-10T08:15:03","slug":"portfolio-hover-layouts","status":"publish","type":"page","link":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/","title":{"rendered":"Portfolio hover layouts"},"content":{"rendered":"

[vc_row margin_top=”-5″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]

<\/span>Under image, dark background<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”5″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”with_paddings” content_aligment=”left” hover_animation=”fade” hover_bg_color=”dark” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” show_categories=”true” show_date=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”70″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>Under image, icons are disabled<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”15″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”disabled” content_aligment=”center” hover_animation=”fade” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>Under image, accent background<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”2″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”fade” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_categories=”true” show_date=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_zoom=”true” show_title=”true” show_details=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On colored background, fade<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”0″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_hover_centered” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”fade” hover_bg_color=”dark” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_categories=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_zoom=”true” show_title=”true” show_details=”true” show_link=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On colored background, direction aware<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”0″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_hover_centered” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”direction_aware” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_zoom=”true” show_details=”true” show_link=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On colored background, side move<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”15″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_hover_centered” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_to” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_categories=”true” show_date=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On colored background, move from bottom<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”0″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_hover_centered” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_from_bottom” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_categories=”true” show_date=”true” show_excerpt=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On dark gradient, visible on hover<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”10″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_dark_gradient” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_from_bottom” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_details=”true” show_link=”true” show_zoom=”true” show_excerpt=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>On dark gradient, always visible<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”0″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”on_dark_gradient” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_from_bottom” hover_bg_color=”accent” hover_content_visibility=”always” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_categories=”true” show_date=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>In the bottom, visible on hover<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”0″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”from_bottom” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_from_bottom” hover_bg_color=”accent” hover_content_visibility=”on_hover” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_excerpt=”true” show_comments=”true” show_details=”true” show_link=”true” show_zoom=”true”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”5″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″]
<\/span>In the bottom, always visible<\/span><\/div><\/div>[vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”2″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”from_bottom” bg_under_projects=”fullwidth” content_aligment=”center” hover_animation=”move_from_bottom” hover_bg_color=”accent” hover_content_visibility=”always” loading_effect=”fade_in” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity” show_title=”true” show_comments=”true” show_details=”true” show_link=”true” show_categories=”true” show_date=”true” show_zoom=”true”][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row margin_top=”-5″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”5″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”with_paddings” content_aligment=”left” hover_animation=”fade” hover_bg_color=”dark” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” show_categories=”true” show_date=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”70″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”15″ column_width=”250″ columns=”3″…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":382,"menu_order":999,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13889","page","type-page","status-publish","hentry","description-off"],"yoast_head":"\nPortfolio hover layouts - apopsis.eu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio hover layouts - apopsis.eu\" \/>\n<meta property=\"og:description\" content=\"[vc_row margin_top=”-5″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”5″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”with_paddings” content_aligment=”left” hover_animation=”fade” hover_bg_color=”dark” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” show_categories=”true” show_date=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”70″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”15″ column_width=”250″ columns=”3″…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/\" \/>\n<meta property=\"og:site_name\" content=\"apopsis.eu\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/\",\"url\":\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/\",\"name\":\"Portfolio hover layouts - apopsis.eu\",\"isPartOf\":{\"@id\":\"https:\/\/apopsis.eu\/#website\"},\"datePublished\":\"2014-04-10T08:15:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/apopsis.eu\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/apopsis.eu\/en\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Portfolio hover layouts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/apopsis.eu\/#website\",\"url\":\"https:\/\/apopsis.eu\/\",\"name\":\"apopsis.eu\",\"description\":\"Centre of Sexual and Mental Health\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/apopsis.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio hover layouts - apopsis.eu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio hover layouts - apopsis.eu","og_description":"[vc_row margin_top=”-5″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”5″ column_width=”250″ columns=”3″ proportion=”4:3″ same_width=”false” descriptions=”under_image” bg_under_projects=”with_paddings” content_aligment=”left” hover_animation=”fade” hover_bg_color=”dark” hover_content_visibility=”on_hover” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” show_categories=”true” show_date=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”3″ orderby=”date” order=”desc” category=”08-photo-video,04-identity”][\/vc_column][\/vc_row][vc_row margin_top=”0″ margin_bottom=”70″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1\/1″][vc_empty_space height=”45px”][dt_portfolio type=”grid” padding=”15″ column_width=”250″ columns=”3″…","og_url":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/","og_site_name":"apopsis.eu","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/","url":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/","name":"Portfolio hover layouts - apopsis.eu","isPartOf":{"@id":"https:\/\/apopsis.eu\/#website"},"datePublished":"2014-04-10T08:15:03+00:00","breadcrumb":{"@id":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/apopsis.eu\/en\/portfolio\/portfolio-hover-layouts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/apopsis.eu\/en\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/apopsis.eu\/en\/portfolio\/"},{"@type":"ListItem","position":3,"name":"Portfolio hover layouts"}]},{"@type":"WebSite","@id":"https:\/\/apopsis.eu\/#website","url":"https:\/\/apopsis.eu\/","name":"apopsis.eu","description":"Centre of Sexual and Mental Health","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/apopsis.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/pages\/13889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/comments?post=13889"}],"version-history":[{"count":0,"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/pages\/13889\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/pages\/382"}],"wp:attachment":[{"href":"https:\/\/apopsis.eu\/en\/wp-json\/wp\/v2\/media?parent=13889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}