css实现带点击音效的立体按钮代码
代码语言:html
所属分类:布局界面
代码描述:css实现带点击音效的立体按钮代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> div { display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; } button { display: flex; align-items: center; justify-content: center; height: 56px; padding: 8px 32px; font-size: 24px; font-weight: 500; border-radius: 16px; border-top: 2px solid #323232; border-right: 2px solid #323232; border-bottom: 6px solid #323232; border-left: 2px solid #323232; background: linear-gradient(180deg, #D6CAFE 0%, #9E81FE 100%); box-shadow: 0px 4px 10px 0px #9E81FE; cursor: pointer; transition: all 0.24s; perspective: 300px; } button:active { border-bottom: 2px soli.........完整代码请登录后点击上方下载按钮下载查看
网友评论0