Simple notes used in projects

Word-wrap: break-word; word-wrap: break-word; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px; width: 430px; }

// Multi-line text vertically centered {display: flex; flex-direction: column; align-items: center; justify-content: space-around; }

// horizontal vertical center {position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

{animation:mymove 2s infinite linear; -webkit-animation:mymove 2s infinite linear; /Safari and Chrome/ display: inline-block; transform: rotateZ(0deg); } @keyframes mymove { from { transform: rotateZ(0deg); } 50% { transform: rotateZ(180deg); } to { transform: rotateZ(360deg); }}

Hover {transform: translateY(-3px); transition: all .3s; box-shadow: 0 10px 24px 0 #c8cdd4; }

$(‘ HTML ‘).animate({‘scrollTop’: 0},500)

/ / enter key landing (project is the react) componentWillMount () {document. AddEventListener (keydown, enclosing handleKeydown, false) } componentWillUnmount () { document.removeEventListener(‘keydown’, this.handleKeydown) } handleKeydown = e => { if (e.key === ‘Enter’) { this.handleSubmit() } } handleSubmit(){ … }

Console. log(obj[k]); console.log(obj[k]); console.log(obj[k]); console.log(k); }