Css 从左到右慢慢地显示图像

我想一个图像慢慢增长，从左到右的页面加载

由于我很少使用Javascript，除非没有其他选择，否则我希望继续使用CSS编码

---

提前感谢。

您可以使用CSS转换来设置页眉宽度的动画：

.bar {
  width: 0;
  transition: 2s width;
}

.bar.open {
  width: 100%;
}

然后，您只需要将标题的背景设置为所需的颜色或图像

---

你能考虑投票给我答案吗？谢谢我在哪里找CSS？你也需要更新javascript选择器，所以不要用$（'.bar'）.addClass（'open'）；您将有$（'IDHERE'）.addClass（'open'）；您需要包含jQuery，以便在这个示例中工作，添加而不是重复代码，这个问题有一个很好的答案