來看看我做的吧,至少比這老師做的簡單。http://oqgretia3.bkt.clouddn.com/TogglePages.html
2017-06-09
oh ~! come on ~ 建議以后做這類教程不要講太多基礎的東西,如果有人看不懂他就不應該來看這個,而是去看CSS3的基礎,案例不應該講這么多話,應該講的是方法,我的耳朵都聽得有點疼了,老師的嘴像機關槍一樣噠噠噠停不下來,我的天這語速,不知道是不是吃了炫邁
2017-06-08
除去hover對選中元素的影響也可以這樣:
.st-container input:hover+a{
background: #ad244f;
}
.st-container input:checked+a{
background: #821134;
}
將.st-container input:checked+a寫在.st-container input:hover+a后面就行
.st-container input:hover+a{
background: #ad244f;
}
.st-container input:checked+a{
background: #821134;
}
將.st-container input:checked+a寫在.st-container input:hover+a后面就行
2017-06-03
h2動畫效果只有第一個有
#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2
#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2
2017-05-23