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的动画时间,改变的是宽度和左边框线。
这是一个看起来复杂但是其实实行起来非常简单的特效。