[ux_banner height=”562px” height__sm=”368px” bg=”752″ bg_overlay=”rgba(0, 0, 0, 0.27)” parallax=”2″]
[text_box width=”68″ width__sm=”81″ position_x=”50″ position_y=”50″]
عناصر نمایش تصاویر
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
[/text_box]
[/ux_banner]
[row style=”large” v_align=”middle”]
[col span=”6″ span__sm=”12″ align=”center”]
لورم ایپسوم
متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است.
[/col]
[col span=”6″ span__sm=”12″]
[ux_image id=”746″ image_size=”large” lightbox=”true” caption=”true” image_overlay=”rgba(0, 0, 0, 0.16)” image_hover=”zoom-long” animate=”fadeInUp”]
[/col]
[/row]
[title style=”center” text=”استایل تصاویر”]
[row]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”glow”]
Glow
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”color” animate=”fadeInLeft”]
Add Color
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”grayscale” animate=”fadeInLeft”]
Grayscale
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”fade-in” animate=”fadeInLeft”]
Fade In
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”zoom-fade” animate=”fadeInLeft”]
Zoom Fade
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_overlay=”rgba(0, 0, 0, 0.37)” image_hover=”overlay-add” animate=”fadeInLeft”]
Add Overlay
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_overlay=”rgba(0, 0, 0, 0.37)” image_hover=”overlay-remove” animate=”fadeInLeft”]
Remove Overlay
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ image_hover=”blur” animate=”fadeInLeft”]
Blur
[/col]
[/row]
[row]
[col span=”6″ span__sm=”12″]
[title style=”center” text=”Image with video”]
[ux_image id=”746″ animate=”fadeInLeft” link=”https://www.youtube.com/watch?v=_j5KR28qtsI”]
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
[/col]
[col span=”6″ span__sm=”12″]
[title style=”center” text=”Image drop shadow”]
[ux_image id=”752″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
[/col]
[/row]
[title style=”center” text=”تصاویر همراه با اسلایدر”]
[ux_slider style=”container” slide_width=”700px” bg_color=”rgb(0, 0, 0)”]
[ux_image id=”892″ height=”75%” image_hover=”overlay-remove” depth_hover=”2″]
[ux_image id=”744″ height=”75%” image_hover=”overlay-remove” depth=”3″]
[ux_image id=”587″ height=”75%” image_hover=”overlay-remove”]
[ux_image id=”752″ height=”75%” link=”https://www.youtube.com/watch?v=_j5KR28qtsI”]
[/ux_slider]
[row]
[col span=”6″ span__sm=”12″]
[title style=”center” text=”تصویر پارالاکس 2″]
[ux_image id=”752″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ parallax=”-1″ animate=”fadeInLeft”]
[/col]
[col span=”6″ span__sm=”12″]
[title style=”center” text=”تصویر پارالاکس”]
[ux_image id=”746″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ parallax=”1″ animate=”fadeInLeft”]
[/col]
[/row]
[title style=”center” text=”تصاویر لایت باکس”]
[row]
[col span=”3″ span__sm=”6″]
[ux_image id=”550″ height=”75%” lightbox=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”549″ height=”75%” lightbox=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”803″ height=”75%” lightbox=”true” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col]
[col span=”3″ span__sm=”6″]
[ux_image id=”752″ height=”75%” lightbox=”true” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col]
[col span__sm=”12″ align=”center”]
[title style=”center” text=”تصویر همراه با کپشن”]
[row_inner]
[col_inner span=”4″ span__sm=”12″]
[ux_image id=”809″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col_inner]
[col_inner span=”4″ span__sm=”12″]
[ux_image id=”757″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col_inner]
[col_inner span=”4″ span__sm=”12″]
[ux_image id=”803″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]
[/col_inner]
[/row_inner]
[/col]
[/row]