日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

HBuilderX設(shè)置transform修改界面元素步驟介紹

HBuilderX是一款web開發(fā)工具,支持html5,小伙伴們可以用它設(shè)計自己的網(wǎng)站 。其中transform命令可以改變元素的設(shè)置,想知道具體怎么使用就接著往下看吧 。
HBuilderX使用transform對元素實(shí)現(xiàn)多種變形方法
第一步,打開HBuilderX工具,新建頁面文件,選擇HTML5模板

HBuilderX設(shè)置transform修改界面元素步驟介紹


第二步,在標(biāo)簽中,插入一個div標(biāo)簽
HBuilderX設(shè)置transform修改界面元素步驟介紹


第三步,使用div標(biāo)簽ID選擇器,設(shè)置寬度、高度、字體屬性
HBuilderX設(shè)置transform修改界面元素步驟介紹


第四步,保存頁面代碼,打開瀏覽器,查看界面效果
HBuilderX設(shè)置transform修改界面元素步驟介紹


第五步,添加transform屬性,設(shè)置值為translate(200px, 200px) rotate(45deg) scale(1.2)
【HBuilderX設(shè)置transform修改界面元素步驟介紹】
HBuilderX設(shè)置transform修改界面元素步驟介紹


第六步,再次保存并刷新瀏覽器,查看界面效果
HBuilderX設(shè)置transform修改界面元素步驟介紹


想看看還有什么軟件適合自己嗎?那就來我們軟件教程頻道看看吧,這里有詳細(xì)的教程和攻略,總有一篇符合你的心意 。

    推薦閱讀