Skip to content

WangXiaoyugg/special-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前端特效

  1. 开关,利用checkbox + label + 伪类实现
  2. 回到顶部,利用锚点和 html 的scroll-behavior
  3. 导航栏,利用伪类实现
  4. 按钮hover效果,利用伪类和过渡效果
  5. 文字图片背景, 利用 -webkit-fill-color, -webkit-background-clip 实现
  6. 发光的文字, 利用animation keyframe,多层阴影叠加,滤镜效果,动画延迟
  7. Loading 效果,利用animation, transform-origin的技术
  8. 圆形loading, 利用伪类 + animation
  9. 背景颜色渐变,利用linear-gradient
  10. 搜索框,利用伪类 + transition delay 效果实现
  11. 3D卡片翻转,利用perspective 和 rotateY,backface-visibility
  12. ripple animation
  13. simple text animation, 利用letter-spacing
  14. animated login form, 利用 transition 和 focus
  15. aniiated loading, 利用 rotate
  16. animated AD banner
  17. custom scrollbar
  18. image hover effect
  19. eyes follow
  20. sun-earth
  21. change body background color
  22. typing text
  23. random color
  24. tab-image-gallery
  25. full-landing-page
  26. awsome-modal
  27. cover-uncover-image
  28. custom-search-filter
  29. code-review-star
  30. love-reaction
  31. mouse-scroll
  32. folder-corner
  33. img-zoom
  34. endless-road
  35. graident-button
  36. jump-text
  37. spotlight-effect

Todo

  1. icon 地址使用iconfont 替代国外地址

About

front end special effect demo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published