84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
最近要写一个小项目。有一个功能就是在页面的右边有几个方块悬浮,类似于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的动画时间,改变的是宽度和左边框线。
这是一个看起来复杂但是其实实行起来非常简单的特效。