84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
最近要写一个小项目。有一个功能就是在页面的右边有几个方块悬浮，类似于navbar（不过是竖着的）。具备选项卡的功能。效果和感觉可以参考下网址：http://www.catswhocode.com/bl...左边的那几个社交网站分享的选项卡。
其实主要是css和html的布局以及样式什么的。有没有谁做过类似的，能给点思路什么的。
本来是写后台的，被拉来做前端，正在飞速学习中。
多谢了～
光阴似箭催人老，日月如移越少年。
就这样
就是鼠标经过时，左边框从0变成4 自身宽度变窄（视觉上就像翻过去一样）,过程用时0.3秒（transition）
A B C D
https://jsfiddle.net/cct80n00/
用chrome 按F12 然后选定随意一个块
你会发现是一个li标签，在Filter里将这个标签选择：hov，然后你就会看到你鼠标悬浮上去后这个li发生的变化，无非是本身带有transition属性设置了0.3S的动画时间，改变的是宽度和左边框线。
这是一个看起来复杂但是其实实行起来非常简单的特效。
就这样
就是鼠标经过时，左边框从0变成4 自身宽度变窄（视觉上就像翻过去一样）,过程用时0.3秒（transition）
https://jsfiddle.net/cct80n00/
用chrome 按F12 然后选定随意一个块
你会发现是一个li标签，在Filter里将这个标签选择：hov，然后你就会看到你鼠标悬浮上去后这个li发生的变化，无非是本身带有transition属性设置了0.3S的动画时间，改变的是宽度和左边框线。
这是一个看起来复杂但是其实实行起来非常简单的特效。