View Spin UW Console.css
var el = document.getElementsByClassName('uw-patch')[0] | |
var currentRotation = 0 | |
function spin(){ | |
currentRotation++ | |
var angle = 'rotate(' + currentRotation + 5 + 'deg)' | |
return el.style.transform= angle | |
} | |
setInterval(spin, 1300) |
View Spin UW Console.css
var el = document.getElementsByClassName('uw-patch')[0] | |
var currentRotation = 0 | |
function spin(){ | |
currentRotation++ | |
var angle = 'rotate(' + currentRotation + 10 + 'deg)' | |
return el.style.transform= angle | |
} | |
setInterval(spin, 1000) |
View Responsive CSS.css
body{ | |
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif; | |
height:100%; | |
display:flex; | |
flex-direction:column; | |
align-items:center; | |
background:linear-gradient(145deg, rgb(0, 100, 109) 42%, rgb(65, 28, 206)) 0% 0% / cover; | |
color:white; | |
} |
View Practice Layouts using Flexbox CSS
body{ | |
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif; | |
height:100%; | |
display:flex; | |
flex-direction:column; | |
align-items:center; | |
background:linear-gradient(145deg, rgb(0, 100, 109) 42%, rgb(65, 28, 206)) 0% 0% / cover; | |
color:white; | |
} |
View index.HTML
<main> | |
<h1>Hello World!</h1> | |
<button class="button"> | |
Ded 💀💀💀 | |
</button> | |
</main> |