HTML-响应式制作渐变效果

1、在HTML文件中，建立块状标签div

2、然后建立style标签，添加div的修饰属性

3、添加div的修饰后，效果如图所示

4、然后添加响应式固定搭配@media(){}设置最大宽度和转变颜色

5、如果想要再转变中慢慢发生变化时，就需要添加过渡时间，在div中添加transition的标签属性

6、ctrl+s将文件保存后，在浏览器中查看效果，当宽度达到800px时，矩形颜色就会慢慢由红色转为绿色。