Javascript CSS动画和点击句子
我需要你的帮助。 我有一个建议，例如“网络开发者”和3张图片。 左侧第一个图像（test1）和右侧第三个图像（test2）将保持稳定。 在第二个图像（test3）中间，我想做动画。 我想做以下几件事。首先，这三幅图像的不透明度为0。第二，当用户点击该提议时，然后会听到这句话，第一印象将是一个不透明度，2秒后变成另外两个图像不透明度1，第二个图像使动画向右转到图像颠簸星期二。 我做CSS，但我不擅长JS。你能帮帮我吗Javascript CSS动画和点击句子,javascript,html,css,Javascript,Html,Css,我需要你的帮助。 我有一个建议，例如“网络开发者”和3张图片。 左侧第一个图像（test1）和右侧第三个图像（test2）将保持稳定。 在第二个图像（test3）中间，我想做动画。 我想做以下几件事。首先，这三幅图像的不透明度为0。第二，当用户点击该提议时，然后会听到这句话，第一印象将是一个不透明度，2秒后变成另外两个图像不透明度1，第二个图像使动画向右转到图像颠簸星期二。 我做CSS，但我不擅长JS。你能帮帮我吗 .test1image{ 最大宽度：10%； 利润率：4%03%30%； }
.test1image{
最大宽度：10%；
利润率：4%03%30%；
}
.test2image{
最大宽度：15%；
利润率：8%03%20%；
}
/*//星形：要设置动画的元素//*/
.test3image{
最大宽度：15%；
利润率：2%03%-36%；
动画名称：test3motion；
动画持续时间：3s；
动画填充模式：正向；
动画延迟：0.5s；
}
/*//关键帧//*/
@关键帧test3motion{
来自{transform:translateX（20px）}
to{transform:translateX（230px）}
}
.sntc img{
高度：自动；
不透明度：0；
-webkit过渡：不透明度0.5s，易于调节；
-moz过渡：不透明度0.5s缓进；
-o型过渡：不透明度0.5s；
z指数：1；
}
.sntc img——展示{
位置：相对位置；
不透明度：1；
z指数：99；
}
您的浏览器不支持音频元素。
网络开发者
.sntc:悬停{
文字装饰：下划线；
光标：指针；
}