CSS:结合clip-path实现目录的隐藏显示以及提示框的隐藏显示
发布日期:2021-06-30 15:46:28
浏览次数:2
分类:技术文章
本文共 975 字,大约阅读时间需要 3 分钟。
目录的隐藏与显示
鼠标悬停在目录上后 或者代码
Title
隐藏目录方式
.nav:hover{ clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); } .nav:hover .nav-list{ color:#DCF5FF; } .nav .nav-list{ display: inline-block; height: 50px; line-height: 50px; padding: 0 5px; font-size: 30px; font-weight: bolder; color: #00B6FF; transition: all 0.5s ease-in-out; }
提示框
鼠标悬停后Title Alert
This is a secret!
转载地址:https://kaisarh.blog.csdn.net/article/details/105989525 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2024年04月10日 12时19分02秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
python安装mysqlclient[MySQLdb]
2019-05-01
性能测试的必要性评估以及评估方法
2019-05-01
性能测试需求分析
2019-05-01
性能测试需求评审
2019-05-01
性能测试实施流程
2019-05-01
Jmeter在多线程当中对某个http请求进行循环读取配置文件
2019-05-01
Python读取配置文件中文乱码问题
2019-05-01
使用Spark读写外部存储介质(Mysql、Hbase、Redis)
2019-05-01
Spark学习——利用Mleap部署spark pipeline模型
2019-05-01
手写LogisticRegression
2019-05-01
推荐系统初学
2019-05-01
约瑟夫环问题
2019-05-01
springboot+log4j2体验
2019-05-01
Oracle创建表,修改表(添加列、修改列、删除列、修改表的名称以及修改列名)
2019-05-01
nested exception is org.springframework.beans.BeanInstantiationException: Failed to instantiate 报错
2019-05-01
最后一台,i7+6核电脑
2019-05-01
以不同业务,redis分库概念
2019-05-01
使用redis实现订阅功能
2019-05-01
Redis哨兵机制
2019-05-01
项目整合一级缓存和二级缓存
2019-05-01