Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS transform: perspective

See original GitHub issue

Сan i save div with CSS transform: perspective? I mean something like this:

  #div2 {
  background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);

    width: 60px;
    height: 90px;
    transform: perspective(200px) rotateY(45deg);

 }


  #div2 {
  background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);

    width: 60px;
    height: 90px;       
    transform: matrix3d( 1, 0, 0, -0.008,
                       0, 1, 0, 0,
                       0, 0, 1, 0,
                       0, 0, 0.23, 1 );
 }

2016-08-27 14 58 34

Issue Analytics

State:
Created 7 years ago
Comments:7

Top GitHub Comments

1reaction

jungwoolee-letseecommented, Jul 18, 2022

any news? ㅠㅠ

1reaction

rashncommented, Sep 26, 2020

Any news?

Top Results From Across the Web

perspective() - CSS: Cascading Style Sheets - MDN Web Docs

The perspective() CSS function defines a transformation that sets the distance between the user and the z=0 plane, the perspective from ...

CSS perspective property - W3Schools

The perspective property defines how far the object is away from the user. So, a lower value will result in a more intensive...

Perspective - Intro to CSS 3D transforms - David DeSandro

To activate 3D space, an element needs perspective. This can be applied in two ways. The first technique is with the transform property,...

perspective | CSS-Tricks

The perspective CSS property gives an element a 3D-space by affecting the distance between the Z plane and the user.

Beautiful CSS 3D Transform Perspective Examples in 2022

Beautiful CSS 3D Transform Examples. CSS 3D transforms create depth and visually interesting elements on your page using perspective. Copy over the examples ......