{"id":26944012,"date":"2024-10-20T15:27:54","date_gmt":"2024-10-20T15:27:54","guid":{"rendered":"https:\/\/www.fastudio.my\/?page_id=26944012"},"modified":"2024-11-16T01:52:43","modified_gmt":"2024-11-16T01:52:43","slug":"image-mask","status":"publish","type":"page","link":"https:\/\/demo.fastudio.my\/divi-pixel\/modules\/image-mask\/","title":{"rendered":"Image Mask"},"content":{"rendered":"\n[et_pb_section fb_built=”1″ _builder_version=”4.27.2″ _module_preset=”default” background_color=”#0C71C3″ background_enable_pattern_style=”on” background_pattern_style=”diagonal-stripes” background_pattern_color=”rgba(0,0,0,0.04)” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_row _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_heading title=”Image Mask” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|700|||||||” title_text_align=”center” title_text_color=”#f2bc39″ hover_enabled=”0″ global_colors_info=”{}” theme_builder_area=”post_content” sticky_enabled=”0″][\/et_pb_heading][et_pb_text _builder_version=”4.27.2″ _module_preset=”default” text_text_color=”#FFFFFF” text_font_size=”16px” text_orientation=”center” hover_enabled=”0″ global_colors_info=”{}” theme_builder_area=”post_content” sticky_enabled=”0″]

Modul Image Mask membolehkan anda memaparkan imej yang dibalut ke dalam topeng. Anda boleh menambah sempadan tersuai dan 2 lapisan tambahan dengan unsur hiasan. Imej yang dimuat naik boleh diskalakan dan diletakkan semula, supaya ia dipaparkan dengan baik dan sesuai dengan topeng dengan sempurna. Terdapat 12 topeng tersuai dan 15 elemen hiasan tersedia dalam modul ini.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.16″ background_color=”rgba(68,0,153,0.04)” background_enable_image=”off” custom_padding=”80px||80px|||” custom_padding_tablet=”80px||80px||false|false” custom_padding_phone=”60px||60px||false|false” global_colors_info=”{}” transform_styles__hover_enabled=”off|desktop” transform_scale__hover_enabled=”off|desktop” transform_translate__hover_enabled=”off|desktop” transform_rotate__hover_enabled=”off|desktop” transform_skew__hover_enabled=”off|desktop” transform_origin__hover_enabled=”off|desktop” theme_builder_area=”post_content”][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” _builder_version=”4.16″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-demo-22.jpg” shape=”Shape3″ image_width=”130%” image_horz=”42″ image_vert=”36″ layer_1_enable=”on” layer_1_background_color=”rgba(0,153,35,0.07)” layer_2_enable=”on” docration_element_1=”DottedCircle” layer_2_background_color=”#009124″ layer_2_horz=”-18%” layer_2_vert=”-12%” layer_2_scale=”0.6″ layer_3_enable=”on” docration_element_2=”DottedCircle” layer_3_background_color=”#009124″ layer_3_horz=”7%” layer_3_vert=”54%” layer_3_scale=”0.6″ layer_3_rotate=”60″ _builder_version=”4.23.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][\/et_pb_column][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.23.2″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#002b09″ header_3_font_size=”34px” header_3_line_height=”1.2em” max_width=”539px” custom_margin=”||10px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Create Beautiful Images with Image Mask Module<\/h3>[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”rgba(21,2,42,0.5)” text_font_size=”18px” text_line_height=”1.8em” max_width=”646px” text_font_size_tablet=”17px” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}” theme_builder_area=”post_content”]

This image uses Shape 3 with custom border enabled. There are also 2 decorative dotted circles added. One is positioned in the top-left, and another one is at the bottom. Both circles have a green color.<\/p>[\/et_pb_text][et_pb_button button_text=”Learn More” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_bg_color=”#009124″ button_border_color=”#009124″ button_icon=”$||divi||400″ custom_padding=”15px|30px|15px|30px|false|false” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#009124″ button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_bg_color__hover=”#009124″ theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.16″ background_color=”#ffffff” background_enable_image=”off” background_blend=”overlay” custom_padding=”80px||80px|||” custom_padding_tablet=”80px||80px||false|false” custom_padding_phone=”60px||60px||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” module_class=”column-reverse-mobile” _builder_version=”4.23.2″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.23.2″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#002b09″ header_3_font_size=”34px” header_3_line_height=”1.2em” max_width=”539px” custom_margin=”||10px||false|false” custom_margin_tablet=”||10px||false|false” custom_margin_phone=”30px||10px||false|false” custom_margin_last_edited=”on|phone” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Add Decorative Elements to Images with Ease<\/h3>[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”rgba(21,2,42,0.5)” text_font_size=”18px” text_line_height=”1.8em” max_width=”646px” text_font_size_tablet=”17px” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}” theme_builder_area=”post_content”]

Image Mask module offers 2 additional layers which can be added to your design and displayed below or above the image. There is 15 decorative elements available.<\/p>[\/et_pb_text][et_pb_button button_text=”Learn More” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_bg_color=”#440099″ button_border_color=”#440099″ button_icon=”$||divi||400″ custom_padding=”15px|30px|15px|30px|false|false” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#440099″ button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_bg_color__hover=”#440099″ button_bg_enable_color__hover=”on” theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-demo-22.jpg” shape=”Shape5″ image_width=”130%” image_horz=”42″ image_vert=”36″ layer_1_enable=”on” layer_1_background_color=”#440099″ layer_2_enable=”on” docration_element_1=”StrokeTriangle” layer_2_background_color=”#440099″ layer_2_horz=”-33%” layer_2_vert=”-20%” layer_2_scale=”0.2″ layer_2_rotate=”16″ layer_3_enable=”on” docration_element_2=”LinedTriangle” layer_3_background_color=”#440099″ layer_3_horz=”20%” layer_3_vert=”41%” layer_3_scale=”0.4″ layer_3_rotate=”142″ _builder_version=”4.23.2″ _module_preset=”default” custom_margin=”||||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.19.4″ background_color=”rgba(36,0,168,0.03)” background_enable_image=”off” custom_padding=”120px||120px|||” custom_padding_tablet=”80px||80px||false|false” custom_padding_phone=”60px||60px||false|false” global_colors_info=”{}” transform_styles__hover_enabled=”off|desktop” transform_scale__hover_enabled=”off|desktop” transform_translate__hover_enabled=”off|desktop” transform_rotate__hover_enabled=”off|desktop” transform_skew__hover_enabled=”off|desktop” transform_origin__hover_enabled=”off|desktop” theme_builder_area=”post_content”][et_pb_row column_structure=”1_3,1_3,1_3″ make_equal=”on” _builder_version=”4.19.4″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_3″ module_class=”dp-vertical-align” _builder_version=”4.19.4″ background_color=”rgba(0,193,122,0.33)” transform_translate_linked__hover=”off” custom_padding=”30px|40px|30px|40px|false|false” box_shadow_style=”preset3″ box_shadow_vertical=”33px” box_shadow_blur=”36px” box_shadow_color=”rgba(0,153,12,0.11)” global_colors_info=”{}” box_shadow_color__hover_enabled=”on|hover” box_shadow_color__hover=”rgba(0,155,67,0.16)” transform_styles__hover_enabled=”on|desktop” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|hover” transform_skew__hover_enabled=”on|hover” transform_origin__hover_enabled=”on|hover” transform_translate__hover=”0px|-5px” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/accordion-04.jpg” shape=”Shape3″ image_width=”170%” image_horz=”-390″ image_vert=”43″ layer_1_enable=”on” layer_1_background_color=”rgba(0,153,35,0.07)” layer_2_enable=”on” docration_element_1=”DottedCircle” layer_2_background_color=”#009124″ layer_2_horz=”-18%” layer_2_vert=”-12%” layer_2_scale=”0.6″ layer_3_enable=”on” docration_element_2=”DottedCircle” layer_3_background_color=”#009124″ layer_3_horz=”7%” layer_3_vert=”54%” layer_3_scale=”0.6″ layer_3_rotate=”60″ _builder_version=”4.19.4″ _module_preset=”default” max_width=”250px” module_alignment=”center” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” text_font=”|300|||||||” header_3_font=”Roboto|900|||||||” header_3_text_align=”center” header_3_text_color=”#002b09″ header_3_font_size=”26px” text_orientation=”center” custom_margin=”||30px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Sarah Doe<\/h3>\nVivamus non turpis condimentum, scelerisque leo nec, hendrerit dolor. Nulla laoreet neque.[\/et_pb_text][et_pb_social_media_follow _builder_version=”4.19.4″ _module_preset=”default” text_orientation=”center” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_social_media_follow_network social_network=”facebook” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” transform_translate_linked__hover=”off” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”twitter” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]twitter[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][et_pb_column type=”1_3″ module_class=”dp-vertical-align” _builder_version=”4.19.4″ background_color=”rgba(159,0,198,0.33)” custom_padding=”30px|40px|30px|40px|false|false” box_shadow_style=”preset3″ box_shadow_blur=”50px” box_shadow_color=”rgba(195,0,198,0.11)” global_colors_info=”{}” box_shadow_color__hover=”rgba(68,0,153,0.31)” box_shadow_color__hover_enabled=”on|hover” transform_styles__hover_enabled=”on|desktop” transform_scale__hover_enabled=”on|hover” transform_translate__hover=”0px|-5px” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|hover” transform_skew__hover_enabled=”on|hover” transform_origin__hover_enabled=”on|hover” box_shadow_vertical__hover_enabled=”on|hover” box_shadow_vertical__hover=”22px” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/accordion-02.jpg” shape=”Shape16″ shape_rotate=”191deg” shape_scale_x=”1.02″ image_width=”188%” image_horz=”-423″ image_vert=”43″ layer_1_enable=”on” layer_1_background_color=”rgba(13,0,198,0.07)” layer_2_enable=”on” docration_element_1=”DottedCircle” layer_2_background_color=”#cc0084″ layer_2_horz=”43%” layer_2_vert=”-12%” layer_2_scale=”0.6″ layer_3_enable=”on” docration_element_2=”DottedCircle” layer_3_background_color=”#009124″ layer_3_horz=”-40%” layer_3_vert=”33%” layer_3_scale=”0.6″ layer_3_rotate=”60″ _builder_version=”4.19.4″ _module_preset=”default” max_width=”250px” module_alignment=”center” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” text_font=”|300|||||||” header_3_font=”Roboto|900|||||||” header_3_text_align=”center” header_3_text_color=”#002b09″ header_3_font_size=”26px” text_orientation=”center” custom_margin=”||30px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Nicole Twain<\/h3>\nVivamus non turpis condimentum, scelerisque leo nec, hendrerit dolor. Nulla laoreet neque.[\/et_pb_text][et_pb_social_media_follow _builder_version=”4.19.4″ _module_preset=”default” text_orientation=”center” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_social_media_follow_network social_network=”facebook” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” transform_translate_linked__hover=”off” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”instagram” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]instagram[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”github” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]github[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][et_pb_column type=”1_3″ module_class=”dp-vertical-align” _builder_version=”4.19.4″ background_color=”rgba(196,166,0,0.33)” custom_padding=”30px|40px|30px|40px|false|false” box_shadow_style=”preset3″ box_shadow_blur=”50px” box_shadow_color=”rgba(181,175,0,0.11)” global_colors_info=”{}” box_shadow_color__hover=”rgba(209,195,0,0.36)” box_shadow_color__hover_enabled=”on|hover” transform_styles__hover_enabled=”on|desktop” transform_scale__hover_enabled=”on|hover” transform_translate__hover=”0px|-5px” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|hover” transform_skew__hover_enabled=”on|hover” transform_origin__hover_enabled=”on|hover” box_shadow_vertical__hover_enabled=”on|hover” box_shadow_vertical__hover=”25px” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/accordion-01.jpg” shape=”Shape15″ shape_rotate=”46deg” shape_scale_x=”1.02″ image_width=”188%” image_horz=”-446″ image_vert=”-7″ layer_1_enable=”on” layer_1_background_color=”rgba(13,0,198,0.07)” layer_2_enable=”on” docration_element_1=”DottedCircle” layer_2_background_color=”#c11600″ layer_2_horz=”-24%” layer_2_vert=”-6%” layer_2_scale=”0.6″ layer_3_enable=”on” docration_element_2=”DottedCircle” layer_3_background_color=”#d80094″ layer_3_horz=”26%” layer_3_vert=”33%” layer_3_scale=”0.6″ layer_3_rotate=”60″ _builder_version=”4.19.4″ _module_preset=”default” max_width=”250px” module_alignment=”center” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” text_font=”|300|||||||” header_3_font=”Roboto|900|||||||” header_3_text_align=”center” header_3_text_color=”#002b09″ header_3_font_size=”26px” text_orientation=”center” custom_margin=”||30px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Anna Johnson<\/h3>\nVivamus non turpis condimentum, scelerisque leo nec, hendrerit dolor. Nulla laoreet neque.[\/et_pb_text][et_pb_social_media_follow _builder_version=”4.19.4″ _module_preset=”default” text_orientation=”center” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_social_media_follow_network social_network=”facebook” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” transform_translate_linked__hover=”off” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”twitter” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]twitter[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”pinterest” use_icon_font_size=”on” icon_font_size=”14px” _builder_version=”4.19.4″ _module_preset=”default” background_color=”#15022A” background_enable_color=”on” custom_margin=”||||false|false” custom_padding=”6px|6px|6px|6px|false|false” border_radii=”on|100px|100px|100px|100px” border_color_all=”RGBA(255,255,255,0)” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|desktop” transform_translate__hover=”0px|-4px” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” theme_builder_area=”post_content” follow_button=”off” url_new_window=”on”]pinterest[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_color=”#2c2831″ background_enable_image=”off” background_size=”contain” background_position=”center_right” custom_padding=”60px||60px|||” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” _builder_version=”4.16″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-demo-08.jpg” shape=”Shape28″ shape_rotate=”30deg” shape_flip=”horizontal|vertical” image_width=”146%” image_horz=”-41″ image_vert=”124″ layer_1_enable=”on” layer_1_background_color=”rgba(255,255,255,0.04)” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][\/et_pb_column][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.23.2″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”34px” header_3_line_height=”1.2em” max_width=”539px” custom_margin=”||10px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

40 predefined masks you are going to love<\/h3>[\/et_pb_text][et_pb_text _builder_version=”4.23.2″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”rgba(255,255,255,0.8)” text_font_size=”18px” text_line_height=”1.8em” max_width=”646px” text_font_size_tablet=”17px” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}” theme_builder_area=”post_content”]

Add shaped images to your Divi website with ease. Image Mask module offers 40 predefined masks. Once the image is uploaded, you can scale it and position properly, so it is displayed perfectly within the mask.<\/p>[\/et_pb_text][et_pb_button button_text=”Learn More” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_bg_color=”#d6ab00″ button_border_color=”#d6ab00″ button_icon=”$||divi||400″ custom_padding=”15px|30px|15px|30px|false|false” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#d6ab00″ button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_bg_color__hover=”#d6ab00″ button_bg_enable_color__hover=”on” theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.16″ background_color=”rgba(68,0,153,0.04)” background_enable_image=”off” custom_padding=”80px||80px|||” custom_padding_tablet=”80px||80px||false|false” custom_padding_phone=”60px||60px||false|false” global_colors_info=”{}” transform_styles__hover_enabled=”off|desktop” transform_scale__hover_enabled=”off|desktop” transform_translate__hover_enabled=”off|desktop” transform_rotate__hover_enabled=”off|desktop” transform_skew__hover_enabled=”off|desktop” transform_origin__hover_enabled=”off|desktop” theme_builder_area=”post_content”][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” module_class=”column-reverse-mobile” _builder_version=”4.23.2″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.23.2″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#002b09″ header_3_font_size=”34px” header_3_line_height=”1.2em” max_width=”411px” custom_margin=”||10px||false|false” custom_margin_tablet=”||10px||false|false” custom_margin_phone=”30px||10px||false|false” custom_margin_last_edited=”on|phone” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Build better websites with Divi Pixel<\/h3>[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”rgba(21,2,42,0.5)” text_font_size=”18px” text_line_height=”1.8em” max_width=”646px” text_font_size_tablet=”17px” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}” theme_builder_area=”post_content”]

All custom modules available in the Divi Pixel have been specifically crafted to help designers and developers build better Divi websites.<\/p>[\/et_pb_text][et_pb_button button_text=”Learn More” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_bg_color=”#e0ac00″ button_border_color=”#e0ac00″ button_icon=”$||divi||400″ custom_padding=”15px|30px|15px|30px|false|false” global_colors_info=”{}” button_bg_color__hover_enabled=”on|desktop” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#e0ac00″ button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_bg_color__hover=”#e0ac00″ theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-image-magnifier-demo.jpg” shape=”Shape12″ image_width=”146%” image_horz=”-200″ image_vert=”49″ layer_1_enable=”on” layer_1_background_color=”#e0ac00″ layer_2_enable=”on” docration_element_1=”AbstractSquare” layer_2_background_color=”#e0ac00″ layer_2_horz=”-24%” layer_2_vert=”-12%” layer_2_scale=”0.5″ layer_2_rotate=”52″ layer_3_enable=”on” docration_element_2=”FilledCircle” layer_3_background_color=”#e0ac00″ layer_3_horz=”15%” layer_3_vert=”47%” layer_3_scale=”0.2″ layer_3_rotate=”120″ _builder_version=”4.16″ _module_preset=”default” custom_margin=”||||false|false” custom_padding=”||||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|tablet” _builder_version=”4.16″ background_color=”#ffffff” background_enable_image=”off” background_blend=”overlay” custom_padding=”80px||80px|||” custom_padding_tablet=”80px||80px||false|false” custom_padding_phone=”60px||60px||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” _builder_version=”4.23.2″ background_enable_color=”off” width=”85%” width_tablet=”90%” width_phone=”” width_last_edited=”on|phone” max_width=”1450px” module_alignment=”center” custom_padding=”||||false|false” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][dipi_image_mask image=”https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-demo-24.jpg” shape=”Shape7″ image_width=”154%” image_horz=”-200″ image_vert=”3″ layer_1_enable=”on” layer_1_background_type=”Gradient” layer_1_gradient_color_start=”#ff4200″ layer_1_gradient_color_end=”#f05c12″ layer_2_enable=”on” docration_element_1=”StrokeCircle” layer_2_background_color=”#ff4200″ layer_2_horz=”48%” layer_2_vert=”-30%” layer_2_scale=”0.2″ layer_2_rotate=”16″ layer_3_enable=”on” layer_3_background_color=”#ff4200″ layer_3_horz=”-50%” layer_3_vert=”23%” layer_3_scale=”0.7″ layer_3_rotate=”158″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][\/dipi_image_mask][\/et_pb_column][et_pb_column type=”1_2″ module_class=”dp-vertical-align” _builder_version=”4.16″ global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.16″ _module_preset=”default” header_3_font=”|600|||||||” header_3_text_color=”#002b09″ header_3_font_size=”34px” header_3_line_height=”1.2em” max_width=”539px” custom_margin=”||10px||false|false” header_3_font_size_tablet=”40px” header_3_font_size_phone=”30px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”]

Use Image Mask module to enhance your designs<\/h3>[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”rgba(21,2,42,0.5)” text_font_size=”18px” text_line_height=”1.8em” max_width=”646px” text_font_size_tablet=”17px” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}” theme_builder_area=”post_content”]

Displaying rectangle images on your Divi website might be sometimes a bit boring. Shaped images can not only spice up your designs but also add a more sophisticated look to your site.<\/p>[\/et_pb_text][et_pb_button button_text=”Learn More” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_size=”16px” button_bg_color=”#ff4200″ button_border_color=”#ff4200″ button_icon=”$||divi||400″ custom_padding=”15px|30px|15px|30px|false|false” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#ff4200″ button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff” button_bg_color__hover=”#ff4200″ button_bg_enable_color__hover=”on” theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

Modul Image Mask membolehkan anda memaparkan imej yang dibalut ke dalam topeng. Anda boleh menambah sempadan tersuai dan 2 lapisan tambahan dengan unsur hiasan. Imej yang dimuat naik boleh diskalakan dan diletakkan semula, supaya ia dipaparkan dengan baik dan sesuai dengan topeng dengan sempurna. Terdapat 12 topeng tersuai dan 15 elemen hiasan tersedia dalam modul […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26944642,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"dipi_cpt_category":[],"class_list":["post-26944012","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/comments?post=26944012"}],"version-history":[{"count":0,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944012\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944642"}],"wp:attachment":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/media?parent=26944012"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/dipi_cpt_category?post=26944012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}