CSSを使って要素を斜め上から見ているようなIsometric(アイソメトリック)な見栄えを実装しているデモを、CodePenで公開されている中からいくつか紹介します。
基本的にこのような見栄えを実装したいときによく使われるtransformrotateX()rotateZ()を組み合わせたもので、そこに+αを加えて見栄えや動きを作っている感じです。

CSS isometric image hover effects

イメージにホバーするとアイソメトリックが解除され、見た目もグレースケールからカラーに変化します。

The handbook download animation

Isometric Layout With CSS 3D Transforms

ホバーで浮き上がるエフェクトがついたカードが並べられています。

Isometric Grid

Isometric Card Grid

パッと見は上の2つとそこまで変わらない見栄えですが、重なっている状態のカードが並べられている感じ(ホバーするとわかりやすいです)のものです。
また、JavaScriptを使うことにはなりますが、スクロールしたときの動きにも注目です。

Tariff Cards

hovering cards

Isometric Cards - Pure CSS

CSS Space Bridge feat. 3 divs

Isometric hover effect

要素がふわふわと浮かんでいる見栄えを実装したもので、影にもしっかり変化をつけています。

Material sheet isometric animation

Isometric Menu Concept

ホバー時とクリック時の見栄えも実装されています。

isometric menu

同じくアイソメトリックな見栄えのメニューボタンで、クリック時の動きの実装にはJavaScriptを使用しています。

CSS3 Isometric Text Effect created by Duncan Midwinter.

テキストに適用したもので、影も上手く表現されています。

CSS Full Page Isometric Background

最後はアイソメトリックな背景をlinear-gradient()と組み合わせて表現しています。