How can you position the divs like that?

Question

css

Can you tell me by what means it is possible to position the blocks in this way? And if possible, an example of at least one such diva. Thank you!

Answer 1

Position: Absolute + Transform: Rotate(-(УГОЛПОВОРОТА)deg);

Пример на инлайн блоках

Answer 2

In my opinion, it's best not to overdo it. Why such red tape in web development? You can come up with something simpler, but no less cool

Answer 3

function updateHeatmap(data) {
    return function(event) {
        var map = event.chart;
        if ( map.dataGenerated )
          return;
        if ( map.dataProvider.areas.length === 0 ) {
          setTimeout( updateHeatmap, 100 );
          return;
        }
        for ( var i = 0; i < map.dataProvider.areas.length; i++ ) {
          map.dataProvider.areas[ i ].value = Math.round( Math.random() * 10000 );
        }
        map.dataGenerated = true;
        map.validateNow();
    }
}


// "method": updateHeatmap(data)