华为小三角形变换
开发工具与关键技术 DW
作者：华嘉丽
撰写时间：2019年1月19日
先写html的代码和CSS的代码写好两份一模一样的，变化后的三角形和背景颜色，还有文字颜色都不一样；
在HTML一定要注意div的嵌套
一份是变化前，一份是变化后；注意，三角形和文字都是在一个div里面的(图三)
图一
然后让他们重叠
图二
在HTML加入display:none让三角形变化后的隐藏起来，让三角形变化前的显示出来
图三
显示为初始的状态
图四
然后在JS用鼠标移入移出事件来写隐藏和显示
让原本显示出来的隐藏，让隐藏的显示出来;然后两个切换；
图五