3D Rotate Gallery
272_815_6382 | Tree Frog | David Mohseni
267_858_3285 | Karlskirche | David Mohseni
266_757_5586 | Aghabozorg Mosque | David Mohseni
265_815_6160 | Blue Mosque | David Mohseni
263_758_6611 | Église Saint-Joseph | David Mohseni
0252_859_4179 | Eid Fitr Mubarak | David Mohseni
0251_900_1471 | Splash Water Drop Graphy | David Mohseni
255_815_8461 | Lion African Wildlife | David Mohseni
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, 1 2 3 4 5 6 7 8 9 10 consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

0226_758_7075 | Erasmus Bridge | David Mohseni

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tree Frog
Tree Frog
Focal length: 105mm ISO: 100
Shutter Speed: 1/125 Aperture: F16
Tripod: No Flash: Nikon SB-900
CSS code Here
CSS code Here

:root{
–open-time: 1s;
}
selector{
padding: 50px 11px
}
selector .book::before {
content: ”;
position: absolute;
top: 6px;
left: -2px;
height: 100%;
width: 12px;
background-image: linear-gradient(to left, #eeeeee, black);
transform: skewY(-45deg);
}
selector .book::after {
content: ”;
position: absolute;
bottom: -12px;
left: 3px;
width: 93%;
height: 12px;
border-radius: 0 0 0 5px;
background-image: linear-gradient(black, #eeeeee);
transform: skew(-45deg);
border-bottom: 2px solid black;
}
@media(max-width:1024px){
selector .book::after{
width: 90%;
}
}
selector .book{
transform: perspective(2000px);
position: relative;
margin: auto;
transition: all var(–open-time);
}
selector .book-open{
transition: all var(–open-time);
transform-origin: left;
z-index: 1;
}
selector .book:hover .book-open{
transform: perspective(2000px) rotateY(-100deg);
}
selector .book>.elementor-widget-wrap{
padding: 0;
margin: 0px 10px;
background-color: #eeeeee;
box-shadow: inset 300px 0px 50px rgba(0,0,0,0.5);
transition: all var(–open-time);
}
selector .book:hover>.elementor-widget-wrap{
box-shadow: inset 20px 0px 50px rgba(0,0,0,0.5);
}
selector .book-text{
position: absolute;
left: 0;
top: 0;
}
selector .book-text .elementor-element-populated{
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
selector .book:hover{
transform: perspective(2000px) translateX(0%)translateX(10%);
}
selector .elementor-element-populated{
border-radius: 0px 10px 10px 0px;
}
selector .book, selector .book-open, selector .book-text, selector .elementor-inner-column{
max-width: 356px;
height: 420px;
border-radius: 0px 10px 10px 0px;
}
@media(max-width: 1024px){
selector .book, selector .book-open, selector .book-text, selector .elementor-inner-column{
max-width: 220px;
height: 250px;
}
}
@media(max-width: 767px){
selector .book, selector .book-open, selector .book-text, selector .elementor-inner-column{
max-width: 284px;
height: 330px;
}
selector .book{
margin: auto;
margin-bottom:50px;
}
}

Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

David
Mohseni

error: Content is protected !!