Masonry Gallery
Modul Galeri Masonry telah dibangunkan untuk menyediakan lebih banyak pilihan untuk memaparkan galeri. Ia merupakan modul yang sangat fleksibel dan berfungsi yang membolehkan anda membuat galeri batu yang menarik untuk mempamerkan foto, portfolio, perkhidmatan anda dan banyak lagi.
Demo 1
[dipi_masonry_gallery images=”32055,32057,32056,32058″ gallery_ids=”23479109,23479110,23479111,23479112″ title_in_lightbox=”on” caption_in_lightbox=”on” use_overlay=”on” overlay_align_horizontal=”flex-start” overlay_align_vertical=”flex-start” title_in_overlay=”on” caption_in_overlay=”on” title_animation=”fadeInLeft” caption_animation=”flipInX” columns=”2″ gutter=”5″ use_thumbnails=”on” image_size_tablet=”et-pb-image–responsive–tablet” image_size_phone=”et-pb-image–responsive–phone” fix_lazy=”on” show_lightbox_tablet=”” show_lightbox_phone=”off” show_lightbox_last_edited=”on|tablet” use_overlay_tablet=”” use_overlay_phone=”off” use_overlay_last_edited=”on|phone” overlay_bg_color_gradient_type_tablet=”linear” overlay_bg_color_gradient_type_phone=”linear” _builder_version=”4.16″ header_font=”|600||on|||||” header_text_color=”#FFFFFF” header_font_size=”14px” header_letter_spacing=”1px” caption_font=”|700|||||||” caption_text_color=”#FFFFFF” caption_font_size=”50px” caption_line_height=”1em” caption_font_size_tablet=”41px” caption_font_size_phone=”” caption_font_size_last_edited=”on|tablet” global_colors_info=”{}” overlay_bg_color_gradient_type__hover=”linear” image_bg_color_gradient_type__hover=”linear” content_bg_color_gradient_type=”linear” content_hover_bg_color_gradient_type=”linear” item_bg_color_gradient_type=”linear” image_bg_color_gradient_type=”linear” front_side_bg_color_gradient_type=”linear” back_side_bg_color_gradient_type=”linear” first_heading_color_gradient_type=”linear” second_heading_color_gradient_type=”linear” background_text_color_gradient_type=”linear” fh_reveal_effect_color_gradient_type=”linear” sh_reveal_effect_color_gradient_type=”linear” theme_builder_area=”post_content”][/dipi_masonry_gallery]
Demo 2
[dipi_masonry_gallery images=”32059,32068,32067,32065,32071,32060″ gallery_ids=”23479087,23479091,23479097,23479088,23479099,23479093″ show_lightbox=”off” use_overlay=”on” overlay_align_vertical=”flex-end” hover_icon=”\||divi||400″ title_in_overlay=”on” caption_in_overlay=”on” icon_animation=”bounceIn” icon_speed=”1200ms” title_delay=”400ms” columns=”3″ overlay_bg_color=”RGBA(0,0,0,0)” overlay_icon_color=”#FFFFFF” overlay_icon_use_icon_font_size=”on” overlay_icon_font_size=”30px” fix_lazy=”on” overlay_padding=”30px|30px|10px|30px|false|false” overlay_bg_use_color_gradient=”on” overlay_bg_color_gradient_stops=”rgba(10,0,0,0) 0%|rgba(10,0,0,0.4) 45%” overlay_bg_color_gradient_start=”rgba(10,0,0,0)” overlay_bg_color_gradient_end=”rgba(10,0,0,0.4)” overlay_bg_color_gradient_end_position=”45%” show_lightbox_last_edited=”off|desktop” columns_tablet=”” columns_phone=”2″ columns_last_edited=”on|phone” overlay_bg_color_gradient_type_tablet=”linear” overlay_bg_color_gradient_type_phone=”linear” _builder_version=”4.16″ _module_preset=”default” header_font=”|||on|||||” header_text_color=”#FFFFFF” header_font_size=”16px” header_letter_spacing=”1px” max_width=”800px” custom_margin_tablet=”” custom_margin_phone=”0px||40px||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}” overlay_bg_color_gradient_type__hover=”linear” image_bg_color_gradient_type__hover=”linear” content_bg_color_gradient_type=”linear” content_hover_bg_color_gradient_type=”linear” item_bg_color_gradient_type=”linear” image_bg_color_gradient_type=”linear” front_side_bg_color_gradient_type=”linear” back_side_bg_color_gradient_type=”linear” first_heading_color_gradient_type=”linear” second_heading_color_gradient_type=”linear” background_text_color_gradient_type=”linear” fh_reveal_effect_color_gradient_type=”linear” sh_reveal_effect_color_gradient_type=”linear” theme_builder_area=”post_content”][/dipi_masonry_gallery]
Masonry Gallery Features
Display beautiful galleries with this highly customizable gallery module for Divi. Add coverflow effect, image title, caption and more!
Individual animation settings for all elements
Speed and Delay settings
Disable Lighbox option
Custom CSS for elements
Demo 3
[dipi_masonry_gallery images=”32059,32060,32061,32062,32063,32064,32065,32066,32067,32068,32069,32070,32071,32072,32073,32074,32300,32301,32302,32299,32298,32297″ gallery_ids=”23479087,23479093,23479094,23479095,23479092,23479089,23479088,23479096,23479097,23479091,23479098,23479090,23479099,23479100,23479101,23479102,23479103,23479104,23479105,23479106,23479107,23479108″ gallery_orderby=”rand” use_overlay=”on” overlay_align_horizontal=”flex-end” overlay_align_vertical=”flex-start” hover_icon=”0||divi||400″ icon_animation=”zoomIn” icon_speed=”400ms” gutter=”22″ overlay_bg_color=”rgba(21,2,42,0.15)” overlay_icon_color=”#15022A” overlay_icon_use_circle=”on” overlay_icon_circle_color=”#FFFFFF” overlay_icon_use_icon_font_size=”on” overlay_icon_font_size=”15px” fix_lazy=”on” overlay_padding=”20px|20px|20px|20px|false|false” columns_tablet=”3″ columns_phone=”2″ columns_last_edited=”on|phone” gutter_tablet=”12″ gutter_phone=”8″ gutter_last_edited=”on|phone” overlay_icon_font_size_tablet=”” overlay_icon_font_size_phone=”12px” overlay_icon_font_size_last_edited=”on|phone” overlay_padding_tablet=”” overlay_padding_phone=”10px|10px|10px|10px|false|false” overlay_padding_last_edited=”on|phone” overlay_bg_color_gradient_type_tablet=”linear” overlay_bg_color_gradient_type_phone=”linear” _builder_version=”4.16″ custom_padding=”20px|20px|20px|20px|false|false” border_radii_grid_item=”on|10px|10px|10px|10px” border_radii_grid_item_tablet=”” border_radii_grid_item_phone=”on|5px|5px|5px|5px” border_radii_grid_item_last_edited=”on|phone” box_shadow_style_images=”preset3″ box_shadow_vertical_images=”3px” box_shadow_blur_images=”26px” box_shadow_color_images=”rgba(0,0,0,0.19)” global_colors_info=”{}” overlay_bg_color_gradient_type__hover=”linear” image_bg_color_gradient_type__hover=”linear” content_bg_color_gradient_type=”linear” content_hover_bg_color_gradient_type=”linear” item_bg_color_gradient_type=”linear” image_bg_color_gradient_type=”linear” front_side_bg_color_gradient_type=”linear” back_side_bg_color_gradient_type=”linear” first_heading_color_gradient_type=”linear” second_heading_color_gradient_type=”linear” background_text_color_gradient_type=”linear” fh_reveal_effect_color_gradient_type=”linear” sh_reveal_effect_color_gradient_type=”linear” theme_builder_area=”post_content”][/dipi_masonry_gallery]
Demo 4
[dipi_masonry_gallery images=”32059,32065,32064,32070,32068,32063″ gallery_ids=”23479087,23479088,23479089,23479090,23479091,23479092″ use_overlay=”on” hover_icon=”||divi||400″ title_in_overlay=”on” caption_in_overlay=”on” icon_animation=”rotateInDownRight” icon_speed=”1000ms” title_delay=”500ms” title_speed=”1000ms” caption_animation=”fadeInDown” columns=”3″ gutter=”15″ overlay_bg_color=”rgba(21,2,42,0)” overlay_icon_color=”#FFFFFF” overlay_icon_use_circle=”on” overlay_icon_circle_color=”RGBA(0,0,0,0)” overlay_icon_use_circle_border=”on” overlay_icon_circle_border_color=”#FFFFFF” overlay_icon_use_icon_font_size=”on” overlay_icon_font_size=”15px” fix_lazy=”on” overlay_padding=”20px|20px|20px|20px|false|false” show_lightbox_tablet=”” show_lightbox_phone=”off” show_lightbox_last_edited=”on|desktop” columns_tablet=”3″ columns_phone=”1″ columns_last_edited=”on|phone” gutter_tablet=”12″ gutter_phone=”8″ gutter_last_edited=”on|phone” overlay_icon_font_size_tablet=”” overlay_icon_font_size_phone=”12px” overlay_icon_font_size_last_edited=”on|phone” overlay_padding_tablet=”” overlay_padding_phone=”10px|10px|10px|10px|false|false” overlay_padding_last_edited=”on|phone” overlay_bg_color_gradient_type_tablet=”linear” overlay_bg_color_gradient_type_phone=”linear” _builder_version=”4.17.0″ header_font=”|800|||||||” header_text_color=”#FFFFFF” header_font_size=”24px” custom_padding=”20px|20px|20px|20px|false|false” border_width_all_grid_item=”9px” border_color_all_grid_item=”#FFFFFF” border_radii_grid_item_tablet=”” border_radii_grid_item_phone=”on|5px|5px|5px|5px” border_radii_grid_item_last_edited=”on|phone” box_shadow_style_images=”preset3″ box_shadow_vertical_images=”3px” box_shadow_blur_images=”25px” box_shadow_color_images=”rgba(68,0,153,0.24)” global_colors_info=”{}” overlay_bg_color_gradient_type__hover=”linear” image_bg_color_gradient_type__hover=”linear” overlay_bg_color__hover_enabled=”on|hover” overlay_bg_color__hover=”rgba(21,2,42,0.5)” overlay_bg_enable_color__hover=”on” theme_builder_area=”post_content”][/dipi_masonry_gallery]
Demo 5
[dipi_masonry_gallery images=”32059,32060,32061,32062,32063,32064,32065,32066,32067,32068,32069,32070,32071,32072,32073,32074,32300,32301,32302,32299,32298,32297″ gallery_ids=”23479072,23479073,23479074,23479075,23479076,23479077,23479078,23479079,23479080,23479081,23479082,23479083,23479084,23479085,23479086″ gallery_orderby=”rand” use_overlay=”on” overlay_align_horizontal=”flex-start” overlay_align_vertical=”flex-end” icon_in_overlay=”off” title_in_overlay=”on” icon_animation=”fadeInLeft” icon_speed=”400ms” gutter=”22″ overlay_bg_color=”rgba(21,2,42,0)” overlay_icon_color=”#15022A” overlay_icon_use_circle=”on” overlay_icon_circle_color=”#FFFFFF” overlay_icon_use_icon_font_size=”on” overlay_icon_font_size=”15px” fix_lazy=”on” overlay_padding=”20px|20px|20px|20px|false|false” image_animation=”move-up” image_animation_speed=”1000ms” image_count_tablet=”12″ image_count_phone=”8″ image_count_last_edited=”on|phone” columns_tablet=”3″ columns_phone=”2″ columns_last_edited=”on|phone” gutter_tablet=”12″ gutter_phone=”8″ gutter_last_edited=”on|phone” overlay_bg_color_tablet=”rgba(21,2,42,0)” overlay_bg_color_phone=”rgba(21,2,42,0)” overlay_bg_color_last_edited=”on|desktop” overlay_icon_font_size_tablet=”” overlay_icon_font_size_phone=”12px” overlay_icon_font_size_last_edited=”on|phone” overlay_padding_tablet=”” overlay_padding_phone=”5px|10px|5px|10px|false|false” overlay_padding_last_edited=”on|phone” overlay_bg_color_gradient_type_tablet=”linear” overlay_bg_color_gradient_type_phone=”linear” _builder_version=”4.20.4″ header_font=”|700|||||||” header_text_color=”#FFFFFF” header_font_size=”20px” custom_padding=”20px|20px|20px|20px|false|false” header_font_size_tablet=”20px” header_font_size_phone=”16px” header_font_size_last_edited=”on|phone” border_width_all_grid_item=”14px” border_color_all_grid_item=”rgba(255,255,255,0.17)” border_style_all_grid_item=”ridge” border_radii_grid_item_tablet=”” border_radii_grid_item_phone=”on|5px|5px|5px|5px” border_radii_grid_item_last_edited=”on|phone” border_width_all_grid_item_tablet=”14px” border_width_all_grid_item_phone=”6px” border_width_all_grid_item_last_edited=”on|phone” box_shadow_style_images=”preset3″ box_shadow_color_images=”rgba(0,0,0,0.19)” global_colors_info=”{}” overlay_bg_color_gradient_type__hover=”linear” image_bg_color_gradient_type__hover=”linear” overlay_bg_color__hover_enabled=”on|hover” overlay_bg_color_gradient_stops__hover=”rgba(21,2,42,0) 60%|rgba(10,0,0,0.79) 90%” overlay_bg_use_color_gradient__hover=”on” overlay_bg_color__hover=”rgba(21,2,42,0)” theme_builder_area=”post_content”][/dipi_masonry_gallery]