tailwind实现按钮鼠标悬停变形动画效果代码

代码语言:html

所属分类:悬停

代码描述:tailwind实现按钮鼠标悬停变形动画效果代码

代码标签: tailwind 按钮 鼠标 悬停 变形 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.4.3.js"></script>
  
  
</head>


  <body class="flex min-h-screen min-w-screen items-center justify-center bg-gradient-to-r bg-gray-200">

  <div class="group w-36 h-36 bg-blue-200 rounded-full relative group overflow-hidden cursor-pointer shadow-sm">

    <div class="transition-transform duration-.........完整代码请登录后点击上方下载按钮下载查看

网友评论0