Css 不带悬停的不透明度过渡

我有以下课程：

.dot{
  width:40px;
  height:40px;
  position:absolute;
  background: url(https://www.sporedev.ro/pleiade/images/Frunza.png);
  background-size: 100% 100%;
  z-index:999;
  margin-top:-60%; 
  pointer-events:none; 
}

我对类进行了如下修改：

.dot{
  width:40px;
  height:40px;
  position:absolute;
  background: url(https://www.sporedev.ro/pleiade/images/Frunza.png);
  background-size: 100% 100%;
  z-index:999;
  margin-top:-60%; 
  pointer-events:none; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

我试图做的是应用一个转换，这样当页面打开时，div最初不会显示，但它达到

opacity:1经过1s后

我做了一些研究，我能找到的一切都与谷歌的悬停有关。我尝试将“
opacity:0；
”应用到我的类中，但这样转换就不会发生，div将保持隐藏状态

有没有任何方法可以在没有悬停状态的情况下使用CSS实现不透明度转换
 您可以通过以下方式完成此任务：


.dot{
宽度：40px；
高度：40px；
位置：绝对位置；
背景：url(https://www.sporedev.ro/pleiade/images/Frunza.png);
背景大小：100%100%；
z指数：999；
指针事件：无；
动画：Fadein1s轻松进入；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
您可以通过以下方式完成此任务：


.dot{
宽度：40px；
高度：40px；
位置：绝对位置；
背景：url(https://www.sporedev.ro/pleiade/images/Frunza.png);
背景大小：100%100%；
z指数：999；
指针事件：无；
动画：Fadein1s轻松进入；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
您可以使用css动画来实现这一点

使用
@关键帧
规则设置动画。为了在示例中进行说明，我删除了页边空白顶部；这不是代码中的必要更改


.dot{
宽度：40px；
高度：40px；
位置：绝对位置；
背景：url(https://www.sporedev.ro/pleiade/images/Frunza.png);
背景大小：100%100%；
z指数：999；
//利润率最高：-60%；
指针事件：无；
动画：Fadein1s轻松进入；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
您可以使用css动画来实现这一点

使用
@关键帧
规则设置动画。为了在示例中进行说明，我删除了页边空白顶部；这不是代码中的必要更改


.dot{
宽度：40px；
高度：40px；
位置：绝对位置；
背景：url(https://www.sporedev.ro/pleiade/images/Frunza.png);
背景大小：100%100%；
z指数：999；
//利润率最高：-60%；
指针事件：无；
动画：Fadein1s轻松进入；
}
@关键帧淡入淡出{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
是，使用JavaScript触发转换。这就是你问题的答案。只有当存在要转换的对象时，才会发生转换。仅在元素上指定转换不会触发转换。变化确实如此。当元素首次加载时，没有要转换的内容。
是，使用JavaScript触发转换。这就是你问题的答案。只有当存在要转换的对象时，才会发生转换。仅在元素上指定转换不会触发转换。变化确实如此。当元素第一次加载时，没有要转换的对象。
这里您刚刚说，如果更改了类dot opacity的元素，它将转换为not instan，您需要的是动画这里您刚刚说，如果更改了类dot opacity的元素，它将转换为not instan，您需要的是动画