Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 标签悬停与CSS_Html_Css_Less - Fatal编程技术网

Html 标签悬停与CSS

Html 标签悬停与CSS,html,css,less,Html,Css,Less,在这三种情况下,有没有一种用CSS编写的方法 在正常模式下 在悬停模式下 悬停退出 CSS中只有:hover,但是Javascript中有鼠标悬停和鼠标悬停,如果有任何用处的话?很遗憾,CSS无法处理您想要的东西。你必须使用JS来处理这个Hi Maryam。你能更详细地描述一下你需要什么帮助吗?你能做一个项目吗?(jsFiddle)这篇文章解释了更多关于JS方式的内容:你能做一个项目吗?(jsfiddle)你到底想做什么?@daniel knights我不懂Java,它能用吗?您在JSFIDD

在这三种情况下,有没有一种用CSS编写的方法

  • 正常模式下

  • 悬停模式下

  • 悬停退出


  • CSS中只有
    :hover
    ,但是Javascript中有
    鼠标悬停
    鼠标悬停
    ,如果有任何用处的话?

    很遗憾,CSS无法处理您想要的东西。你必须使用JS来处理这个Hi Maryam。你能更详细地描述一下你需要什么帮助吗?你能做一个项目吗?(jsFiddle)这篇文章解释了更多关于JS方式的内容:你能做一个项目吗?(jsfiddle)你到底想做什么?@daniel knights我不懂Java,它能用吗?您在JSFIDDLE站点上运行一个项目。类似这样的吗?
    .tab:hover:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
    opacity: 1;
    transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition: 0.5s opacity ease-in, 0.8s transform ease;
    transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position: relative;
    top: 0;
    z-index: 100;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    text-shadow: 0 0 0;
    }