Css 如何在div中制作文本幻灯片

Css 如何在div中制作文本幻灯片,css,css-transitions,Css,Css Transitions,#名称 { 宽度:100px; 高度:20px; 背景颜色:浅灰色; } 我是蝙蝠侠我是蝙蝠侠我是蝙蝠侠 您的想法是正确的,这是一个很好的开始。您要查找的是@关键帧。使用关键帧,您可以创建函数名称,并分别使用from和to指定起始值和结束值 动画属性是在一行中声明多个动画属性的缩写。它可以采取其他措施 动画名称:在本例中,移动,我们定义了In-out关键帧功能 动画持续时间:动画将花费多长时间。在这种情况下,完成转换需要2秒钟 动画迭代计数:函数将被调用多少次。在这里,它将无限期地继续下去

#名称
{
宽度:100px;
高度:20px;
背景颜色:浅灰色;
}

我是蝙蝠侠我是蝙蝠侠我是蝙蝠侠

您的想法是正确的,这是一个很好的开始。您要查找的是
@关键帧
。使用关键帧,您可以创建函数名称,并分别使用
from
to
指定起始值和结束值

动画
属性是在一行中声明多个动画属性的缩写。它可以采取其他措施

  • 动画名称:在本例中,
    移动
    ,我们定义了In-out关键帧功能
  • 动画持续时间:动画将花费多长时间。在这种情况下,完成转换需要2秒钟
  • 动画迭代计数:函数将被调用多少次。在这里,它将无限期地继续下去
另外,请记住,如果您不进行速记,则是
动画迭代计数
,而不是
动画迭代

浏览器支持

  • Internet Explorer 10+(不适用于IE9或更低版本)
  • 谷歌浏览器:43+
  • Firefox:16+
  • 狩猎:9+
  • 歌剧院:30+
片段

#名称{
宽度:100px;
高度:20px;
背景颜色:浅灰色;
动画:无限移动;
}
@关键帧移动{
从{左边距:0px;}
到{左边距:100px;}
}

我是蝙蝠侠我是蝙蝠侠我是蝙蝠侠

您的想法是正确的,这是一个很好的开始。您要查找的是
@关键帧
。使用关键帧,您可以创建函数名称,并分别使用
from
to
指定起始值和结束值

动画
属性是在一行中声明多个动画属性的缩写。它可以采取其他措施

  • 动画名称:在本例中,
    移动
    ,我们定义了In-out关键帧功能
  • 动画持续时间:动画将花费多长时间。在这种情况下,完成转换需要2秒钟
  • 动画迭代计数:函数将被调用多少次。在这里,它将无限期地继续下去
另外,请记住,如果您不进行速记,则是
动画迭代计数
,而不是
动画迭代

浏览器支持

  • Internet Explorer 10+(不适用于IE9或更低版本)
  • 谷歌浏览器:43+
  • Firefox:16+
  • 狩猎:9+
  • 歌剧院:30+
片段

#名称{
宽度:100px;
高度:20px;
背景颜色:浅灰色;
动画:无限移动;
}
@关键帧移动{
从{左边距:0px;}
到{左边距:100px;}
}

我是蝙蝠侠我是蝙蝠侠我是蝙蝠侠

代码中没有定义动画…从那里开始。也许在堆栈溢出上搜索“CSS字幕”?
-webkit迭代:无限指基于
@关键帧
规则的CSS动画。你的在哪里?@connexo它也不是不动产。正确的答案应该是
动画迭代计数
代码中没有定义动画…从那里开始。也许在堆栈溢出上搜索“CSS字幕”?
-webkit迭代:无限指基于
@关键帧
规则的CSS动画。你的在哪里?@connexo它也不是不动产。正确的答案应该是
动画迭代计数