当前位置：网站首页>鼠标悬停效果六

鼠标悬停效果六

2022-07-01 02:31:00 【紫微前端】

<div class="inverted-1">1. Hover me </div>
<div class="inverted-2">2. Hover me </div>
<div class="inverted-3">3. Hover me </div>
<div class="inverted-4">4. Hover me </div>
<div class="inverted-5">5. Hover me </div>
<div class="inverted-6">6. Hover me </div>
<div class="inverted-7">7. Hover me </div>
<div class="inverted-8">8. Hover me </div>

<style>
.inverted-1 {
  padding: 10px;
  background:
    conic-gradient(from 135deg at top   ,#fff 90deg,#000 0)  ,
    conic-gradient(from -45deg at bottom,#fff 90deg,#000 0)  ,
    conic-gradient(from 135deg at top   ,#000 90deg,#0000 0),
    conic-gradient(from -45deg at bottom,#000 90deg,

原网站

版权声明
本文为[紫微前端]所创，转载请带上原文链接，感谢
https://liuhao.blog.csdn.net/article/details/125537279