王鹏飞

Blog

Tutorial

About

CSS

2021年10月14日

超酷的CSS特效

本节内容主要是展示一些酷炫的纯CSS特效,主要利用了css transitiontransform属性和伪元素实现。

一. 特效

以下特效,都需要通过鼠标悬浮触发。

源码地址:pure css hover animation

  1. 悬浮按钮特效
  1. 卡片悬浮特效一
  1. 卡片悬浮特效二
  1. 卡片悬浮特效三
  1. 图标悬浮特效
  1. 图标悬浮旋转特效
  1. 垂直菜单
  1. 按钮菜单
  1. 涨水特效

参考地址:Top 36 CSS Hover Effects

(完)

css transition属性

留言(0


发表评论

邮箱地址不会被公开。*表示必填项