[av_heading tag=’h1′ padding=’15’ heading=’Image Element’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
The image element can be animated and has various different style settings that can be applied, like border radius, overlay, hover effects, etc
[/av_textblock]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-6.jpg’ attachment=’867′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’left-to-right’ admin_preview_bg=”][/av_image]
[/av_one_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-1.jpg’ attachment=’866′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=’yes’ font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’top-to-bottom’ admin_preview_bg=”]
Image with caption and link
[/av_image]
[/av_one_third]
[av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-9.jpg’ attachment=’865′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=” target=” caption=’yes’ font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#b02b2c’ overlay_text_color=’#ffffff’ animation=’right-to-left’ admin_preview_bg=”]
Coloured caption on hover
[/av_image]
[/av_one_third]
[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
Images can be linked to any destination and the captions text, as well as the caption background can be set to any color you want or need.
[/av_textblock]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_heading tag=’h2′ padding=’15’ heading=’Round Images’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]
[av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-3-180×180.jpg’ attachment=’864′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateIn’ admin_preview_bg=”][/av_image]
[/av_one_fifth]
[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-4-180×180.jpg’ attachment=’863′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg=”][/av_image]
[/av_one_fifth]
[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-2-180×180.jpg’ attachment=’862′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg=”][/av_image]
[/av_one_fifth]
[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-5-180×180.jpg’ attachment=’868′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg=”][/av_image]
[/av_one_fifth]
[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’https://bdp.ipb.ac.id/wp-content/uploads/2015/07/portfolio-7-180×180.jpg’ attachment=’869′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg=”][/av_image]
[/av_one_fifth]
[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
If an image is a square you can set the style to circular and it will appear as in the example above. Works also very well with rotation animation
[/av_textblock]