Skip to content

Instantly share code, notes, and snippets.

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>