Animated portfolio items using elementor

In this tutorial I will show you how to create  animated portfolio items using Elementor Pro.

Add CSS class “image_right” for right side image and “image_left” for left side image

Add this CSS code with inner section

    height: 350px;
    overflow-y: clip;
    display: block;
selector img{
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: all .7s;

selector:hover img{
    transform: scale(.9);
selector:hover .image_right img{
    transform: rotate(10deg) scale(.98);
    margin-left: 20px;
selector:hover .image_left img{
    transform: rotate(-10deg) scale(.98);
    margin-right: 20px;
@media only screen and (max-width: 768px) {
    height: 250px;

Start Working with me for any wordpress project!

Get in touch

Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

Call me by Skype (farjana.rashid55)

2 + 5 =

[wpforms id="2272"]