PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >CSS3特效 >CSS3的鼠标悬停文字标题切换对应内容代码

CSS3的鼠标悬停文字标题切换对应内容代码

2017-12-20 来源/作者:php中文网 分类:CSS3特效 «» 下载次数:3
CSS3的鼠标悬停文字标题切换对应内容代码

这是一款个性创意的css3鼠标悬停文字标题切换对应内容代码,交互切换效果非常棒,还有动画特效,可用于问答展示。

<title>css3鼠标悬停文字标题切换对应内容代码</title>

<link type="text/css" rel="stylesheet" href="css/style.css?3.1.9">

</head>

<body>

<div class="demo">
  <div class="demo__content">
    <h2 class="demo__heading">你喜欢什么样的页面布局呢?</h2>
    <div class="demo__elems">
      <div class="demo__elem demo__elem-1">简约的多文字布局</div>
      <div class="demo__elem demo__elem-2">一列的图文混排布局</div>
      <div class="demo__elem demo__elem-3">两列的图文混排布局</div>
      <span class="demo__hover demo__hover-1"></span>
      <span class="demo__hover demo__hover-2"></span>
      <span class="demo__hover demo__hover-3"></span>
      <div class="demo__highlighter">
        <div class="demo__elems">
          <div class="demo__elem">简约的多文字布局</div>
          <div class="demo__elem">一列的图文混排布局</div>
          <div class="demo__elem">两列的图文混排布局</div>
        </div>



申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: