银行卡选项html模板,银行卡翻转.html

const e = (selector) => {

const element = document.querySelector(selector)

return element

}

const addClass = (element, className) => {

if (element == null || element == undefined) {

return

}

element.classList.add(className)

}

const toggleClass = (element, className) => {

if (element.classList.contains(className)) {

element.classList.remove(className)

} else {

element.classList.add(className)

}

}

const removeClass = (element, className) => {

if (element == null || element == undefined) {

return

}

element.classList.remove(className)

}

.base {

width: 240px;

height: 147px;

border-radius: 5px;

box-shadow: 0 6px 32px rgba(0, 0, 0, .13);

}

@keyframes rotateplane {

0% {

transform:perspective(220px) rotateY(180deg);

}

100% {

transform:perspective(220px) rotateY(360deg);

}

}

.fjvr {

animation:rotateplane 0.3s forwards;

}

点击抖动

---

一张银行卡

let button = e('#button')

button.addEventListener('click', function (event) {

addClass(e('#shake'), 'fjvr')

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史