Hi Dear Friends,
In this post We would like to share infinity knowladge My Good experience and Best solution For .
We hope it can help you...
In this post We would like to share infinity knowladge My Good experience and Best solution For .
Laravel Examples
A quick experiment to make a stacked paper effect in (S)CSS with one div.
See it in action here.
See it in action here.
<div class="paper">
</div>.paper {
background: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.34);
height: 400px;
margin: 50px auto 0 auto;
position: relative;
width: 450px;
&:before,
&:after {
background: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.34);
content: '';
height: 100%;
position: absolute;
transform: rotate(3deg);
transition: all 0.3s ease-in-out;
width: 100%;
z-index: -1;
}
&:after {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.34);
left: 0;
top: 0;
transform: rotate(1deg);
}
&:hover:after,
&:hover:before {
box-shadow: none;
transform: rotate(0deg);
}
}
Try this it will help you and for more information click here: Laravel Examples.
Read :
I hope you like this Post, Please feel free to comment below, your Any Idea, suggestion and problems if you face - I am here to Resolve your Any problems.We hope it can help you...
No comments :
Post a Comment