クラス 'circle2'

Coddyの「3Dカード | フロントエンドプロジェクト」コースのレッスン 27/31。

チャレンジ

簡単

ターゲットクラス circle2:

width を 140px に設定します。
right と top を 10 ピクセルに設定します。
transition delay を 0.4s に設定します。

仕上げを良くするために、以下のプロパティを追加してください：

transform: translate3d(0, 0, 40px);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

クラス 'circle2'

3Dカード | フロントエンドプロジェクトのすべてのレッスン