css - 关于一个前端模块的实现,悬浮选择块
大家讲道理
大家讲道理 2017-04-17 14:22:34
[HTML讨论组]

最近要写一个小项目。有一个功能就是在页面的右边有几个方块悬浮,类似于navbar(不过是竖着的)。具备选项卡的功能。效果和感觉可以参考下网址:
http://www.catswhocode.com/bl...
左边的那几个社交网站分享的选项卡。

其实主要是css和html的布局以及样式什么的。有没有谁做过类似的,能给点思路什么的。

本来是写后台的,被拉来做前端,正在飞速学习中。

多谢了~

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
大家讲道理

用chrome 按F12 然后选定随意一个块

你会发现是一个li标签,在Filter里将这个标签选择:hov,然后你就会看到你鼠标悬浮上去后这个li发生的变化,无非是本身带有transition属性设置了0.3S的动画时间,改变的是宽度和左边框线。

这是一个看起来复杂但是其实实行起来非常简单的特效。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号