Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在CSS和HTML中添加颜色转换,如Instagram应用程序登录区域中的颜色转换?_Html_Css_Css Transitions_Instagram - Fatal编程技术网

如何在CSS和HTML中添加颜色转换,如Instagram应用程序登录区域中的颜色转换?

如何在CSS和HTML中添加颜色转换,如Instagram应用程序登录区域中的颜色转换?,html,css,css-transitions,instagram,Html,Css,Css Transitions,Instagram,我想把彩虹-y的颜色变化和过渡添加到我正在制作的网站的背景中。我似乎无法让它发挥作用,谷歌搜索也帮不了什么忙。如有任何意见,将不胜感激 您可能希望在css中使用@keyframe动画工具。 例如: 嗨{ 背景:RGB250100100; 边界:0; 过渡:背景2放松; } 嗨:悬停{ /*背景:RGB200100250*/ 背景:rgb100、100、250; } ............. ............. 好的,我会实施并汇报。.element将是应用动画的元素的名称,对吗?对不

我想把彩虹-y的颜色变化和过渡添加到我正在制作的网站的背景中。我似乎无法让它发挥作用,谷歌搜索也帮不了什么忙。如有任何意见,将不胜感激

您可能希望在css中使用@keyframe动画工具。 例如:

嗨{ 背景:RGB250100100; 边界:0; 过渡:背景2放松; } 嗨:悬停{ /*背景:RGB200100250*/ 背景:rgb100、100、250; } ............. .............
好的,我会实施并汇报。.element将是应用动画的元素的名称,对吗?对不起,我是cssIf的新手如果这对你有帮助,请花点时间更新我的答案
.element {
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    background-color: #001F3F;
  }
  100% {
    background-color: #FF4136;
  }
}