1應(yīng)該為animation-duration而非direction;
2cmr那里應(yīng)該用空格隔開(kāi)而不是逗號(hào),否則沒(méi)有效果
2cmr那里應(yīng)該用空格隔開(kāi)而不是逗號(hào),否則沒(méi)有效果
animation: cmr 1s 1 forwards; //可以寫(xiě)一塊,參數(shù)可以最多寫(xiě)6個(gè),如果我沒(méi)記錯(cuò)
transform: translateX(160px) rotate(45deg) scale(1.5); //注意空格
transform: translateX(160px) rotate(45deg) scale(1.5); //注意空格
關(guān)于 this.el.addEventListener('click',function(event) {為null
記得js要在body上加載,這樣才能渲染成功!
記得js要在body上加載,這樣才能渲染成功!
2018-06-17
做出來(lái)了,添自己的一個(gè)變量讓它記錄menuContentEl的值。在點(diǎn)擊關(guān)閉按鈕的時(shí)候判斷menubar的值,如果是hasOpened,就用自己添加的變量來(lái)實(shí)現(xiàn)關(guān)閉菜單。
2018-06-13
也謝謝評(píng)論區(qū)的各位大佬,為我們后來(lái)者排雷了
要實(shí)現(xiàn)動(dòng)畫(huà)效果的逆向,只要將原動(dòng)畫(huà)keyframes的from和to對(duì)換即可,而不用這么復(fù)雜地先修改原來(lái)的元素的css移動(dòng)到某一個(gè)地方,再用動(dòng)畫(huà)移回來(lái)。比如sidebar move right的動(dòng)畫(huà)只要寫(xiě) from {translateX(-120px) } to {} 就可以了,也就是將sidebar move left的from和to對(duì)換一下。
2017-12-31
先下載css樣式,渲染HTML文檔結(jié)構(gòu),再下載JavaScript代碼
2017-12-19
看著不錯(cuò),清爽,誰(shuí)有老師的GitHub或者博客等
老師有一點(diǎn)忘記講了,最后還需要實(shí)例化一下:
var sideBar = new Sidebar();
var sideBar = new Sidebar();
2017-09-21
沒(méi)有閱讀過(guò)教材和嘗試練習(xí),就看明白的那是自欺欺人?;厝ザ嗫纯?,過(guò)一段時(shí)間再來(lái)看看視頻,肯定會(huì)好很多。
2017-08-15