巧妙的做一个移入显示文字的图标

首先我们的样式是这样的一个:

一个隐藏的显示介绍文字

然后就是鼠标移到图标上面去的时候的显示

1:

一个隐藏的显示介绍文字

2:一个隐藏的显示介绍文字

3:

一个隐藏的显示介绍文字

 

做法的话比较简单了

1首先我们把文字编辑好,然后文字颜色设置为与背景颜色一样的,

2然后就是前面放一个图标:再图标上设置移入就像右延长的一个伪类,这样就可以覆盖在上面了,显示出下面的文字了

一个隐藏的显示介绍文字

一个隐藏的显示介绍文字

 

相关文章:

  • 2021-09-11
  • 2022-12-23
  • 2022-01-07
  • 2021-09-01
  • 2021-07-03
  • 2021-11-20
  • 2021-12-22
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-01
  • 2021-11-19
  • 2022-12-23
  • 2021-11-19
  • 2021-08-09
  • 2022-12-23
相关资源
相似解决方案