W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div { height: 90px; width: 40px; background-color: red; translate: 100px 20px; } </style> </head> <body> <h3>translate 属性</h3> <div></div> <p>将红色盒子向右移动 100px，向下移动 20px。</p> <p>尝试将 y 值改为 -30px，看看会发生什么。</p> </body> </html>