-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.js
54 lines (42 loc) · 1.01 KB
/
skills.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
const imageContainerEl =document.querySelector('.image-container')
prevEl=document.querySelector('#prev')
nextEl=document.querySelector('#next')
let x=0
prevEl.addEventListener('click',()=>{
x=x+45
updateGallery();
})
nextEl.addEventListener('click',()=>{
x=x-45
updateGallery();
})
function updateGallery(){
imageContainerEl.style.transform=`perspective(1000px) rotateY(${x}deg)`
}
setInterval(()=>{
x=x-45
updateGallery();
},3000)
let textwalaEl=document.querySelector('.textwala')
let list=['web-developer']
let listIndex=0
let charIndex=0
text()
function text(){
if(charIndex==(list[listIndex].length+1)){
charIndex=0
listIndex++
}
if(listIndex==list.length){
listIndex=0
}
setTimeout((e)=>{
// e.preventdefault()
textwalaEl.innerText=`${list[listIndex].slice(0,charIndex)}`
textwalaEl.style.borderRight='3px solid black'
charIndex++
text()
},200)
}
// sssssssss
// here is the skills protion