css3怎样实现鼠标移动到div显示隐藏div效果

在css中，可以利用“:hover”选择器和opacity属性实现鼠标移动到div元素时，显示或隐藏div元素的效果，语法为“div:hover{opacity:0}”或者“div:hover{opacity:1}”。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3怎样实现鼠标移动到div显示隐藏div效果

1、鼠标移动到div显示div

可以利用:hover选择器和opacity属性实现鼠标移动到div显示div效果，示例如下：

     
  
鼠标移动到div上
  

输出结果：

2、鼠标移动到div隐藏div

还是可以利用:hover选择器和opacity属性实现鼠标移动到div显示div效果，示例如下：

     
  
鼠标移动到div上
  

输出结果：

（学习视频分享：css视频教程）

Atas ialah kandungan terperinci css3怎样实现鼠标移动到div显示隐藏div效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!