当前位置：网站首页>Mouse over effect VI

Mouse over effect VI

2022-07-01 02:38:00 【Ziwei front end】

<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,

原网站

版权声明
本文为[Ziwei front end]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/182/202207010230388815.html