transformクイズ

2019.12.05 Fri

CSS

transform

要素を移動拡大縮小回転などなど、することができる

transform

translate: 移動

scale: 拡大縮小

rotate: 回転

transform - translate (移動) -

default

transform:

translate(10px, 10px)

y

y

x

x

transform - scale (拡大縮小) -

default

transform: scale(2)

transform - rotate (回転) -

default

transform:

rotate(45deg)

First Question

transform: scale(2) rotate(135deg) translateX(100px)

y

x

origin

transform: scale(2) rotate(135deg) translateX(100px)

y

x

1

origin

answer

transform: scale(2) rotate(135deg) translateX(100px)

y

x

2

origin

answer

transform: scale(2) rotate(135deg) translateX(100px)

y

x

3

origin

answer

transform: scale(2) rotate(135deg) translateX(100px)

y

x

4

origin

answer

transform: scale(2) rotate(135deg) translateX(100px)

y

x

1

2

3

4

Thank you!!

クイズ

By deren

クイズ

3分程度のtransformのかんたんなクイズ

  • 107
Loading comments...

More from deren