Skip to main content
Notice removed Needs detailed answers by user9447
added 14 characters in body
Source Link
user9447
  • 18.3k
  • 18
  • 70
  • 119

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Here is a fiddle,fiddle you just need to tweak it: https://jsfiddle.net/hp85b7p2/.

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Here is a fiddle, you just need to tweak it: https://jsfiddle.net/hp85b7p2/

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Here is a fiddle you just need to tweak it.

added 78 characters in body
Source Link
Flak
  • 111
  • 4

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Here is a fiddle, you just need to tweak it: https://jsfiddle.net/hp85b7p2/

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Here is a fiddle, you just need to tweak it: https://jsfiddle.net/hp85b7p2/

Added some code
Source Link
Flak
  • 111
  • 4

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

this might just help you get there.

Take a look here, with skew(XXdeg,XXdeg) you can achieve exactly this in Photoshop.

EDIT:

Here is some css code that does that:

.transform {


 transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;-webkit-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -webkit-transform-origin: 0% 0%;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 50%;
    -moz-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -moz-transform-origin: 0% 0%;
    -moz-perspective: 200;
    -moz-perspective-origin: 50% 50%;
    -o-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -o-transform-origin: 0% 0%;
    -o-perspective: 200;
    -o-perspective-origin: 50% 50%;
    -ms-transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    -ms-transform-origin: 0% 0%;
    -ms-perspective: 200;
    -ms-perspective-origin: 50% 50%;
    transform: scale(0.8) scaleZ(1.0) rotateX(9deg) rotateY(9deg);
    transform-origin: 0% 0%;
    perspective: 200;
    perspective-origin: 50% 50%;
}

You might want to play with attributes to make it fit, this link might just help you get there via GUI.

Notice added Needs detailed answers by user9447
added 32 characters in body
Source Link
user9447
  • 18.3k
  • 18
  • 70
  • 119
Loading
Source Link
Flak
  • 111
  • 4
Loading