Math, asked by Mahigoidani, 8 months ago

Can anyone solve this question step by step

Attachments:

Answers

Answered by Anonymous

Answer:

$[Tx]<!DOCTYPE html><html Lang ="en"]<head><title>CUBE</title></head><body><div class ="container"><div id ="cube"><div class =" front">pls</div><div class =" back">Follow</div><div class ="right">Me</div><div class =" left">❤️</div><div class =" top">❤️</div><div class ="bottom"❤️</div></div></div><style>Body [padding-left:30%padding- top: 5%]Container [Width : 200px ;Height : 200px ;positive : relative ;- webkit - perspective : 1000px ;- Moz - perspective : 1000px ;]# cube [width : 100%height : 100%position : absolute ;Border : none ;line - height : 200px ;text - align : center ;Border : none ;line - height : 200px ;text - align : center ;font - size : 50px ;font - weight : Bold ;]@- webkit - key frames rotate cube [0% [- webkit - transform : rotate X (0 deg) rotate Y ( 360 deg) rotate Z (90 deg) ; ]25% [ - webkit - transform : rotate X (90 deg ) rotate Y (270 deg) rotate Z (180 deg) ; ]50% [ - webkit - transform : rotate X (180 deg) rotate Y (180 deg) rotate Z (0 deg) ; ]75% [- webkit - transform : rotate X (90 deg) rotate Y (90 deg) rotate Z (360 deg ) ; ]100% [ - webkit - transform : rotate X (360 deg) rotate Y (0 deg) rotate Z (270 deg) ; ]]@- moz - keyframes rotate cube [0% [ - moz transform : rotate X (0 deg) rotate Y (360 deg) rotate Z (90 deg) ; ]25% [ - moz transform : rotate X (90 deg) rotate Y (270 deg) rotate Z (180 deg) ; ]50% [ - moz transform : rotate X ( 180 deg) rotate Y (180 deg) rotate Z (0 deg) ; ]75% [ - moz transform : rotate X (270 deg) rotate Y (90 deg) rotate Z (360 deg) ; ]100% [ - moz transform : rotate X (360 deg) rotate Y (0 deg) rotate Z (270 deg) ; ]].front [background : rgba (255,0,0,.5) ;].back [background : rgba (0,255,0,.5) ;].right [background : rgba (0,0,255,.5) ;.left [background : rgba (0,255,255,.5) ;.top [background : rgba (255,0,255,.5) ;.bottom [background : rgba (255,255,0,.5) ;]# cube.front [- webkit - transform : rotate Y (90 deg) translate Z (100 px ) ;- moz - transform : rotate Y (90 deg) translate Z (100 px ) ;]# cube.back [- webkit - transform : rotate X (180 deg) translate Z (100 px) ;- moz - transform : rotate X (180 deg) translate Z (100 px) ;]# cube.right [- webkit - transform : rotate Y (90 deg) translate Z (100 px) ;- moz - transform : rotate Y (90 deg) translate Z (100 px) ;]# cube.bottom [- webkit - transform : rotate X ( 90 deg) translate Z (100 px) ;- moz - transform : rotate X ( 90 deg) translate Z (100 px ) ;]</style></body></html>[tex]$

Attachments:

Previous Question

Next Question