Frontend-Animations

漂亮的前端动画。

  • 语言CSS
  • 默认分支master
  • 大小49.8 MB
  • 更新2023年5月30日
在 GitHub 打开
avatarpulkit-30
46
343

项目介绍

pulkit-30/Frontend-Animations 是一个托管在 GitHub 上的开源项目，主要使用 CSS 编写，目前获得 46 个 Star、34 次 Fork。

仓库全名
pulkit-30/Frontend-Animations
Star 数
46
Fork 数
34
未关闭 Issue
3

README 摘要

Frontend-Animation-Projects Project Links Project Name | Links | Background Slider | https://pulkit203.github.io/Background-Slider/ | Bubble Animation | https://iamtushar11.github.io/Bubble-animation/ | 3D-Image-Rotation Animation | https://pulkit203.github.io/3d-image-rotation/ | Car Moving Animation | https://pulkit203.github.io/Car-moving-animation/ | Clock-Animation | https://pulkit203.github.io/Clock-Animation/…

完整内容见 GitHub 原始 README 或本页 。

常见问题

Frontend-Animations 用什么语言开发？

主要使用 CSS 编写，目前有 46 个 Star。

如何获取 Frontend-Animations 的源码？

可以直接克隆仓库：git clone https://github.com/pulkit-30/Frontend-Animations.git，默认分支为 master；安装与运行步骤见仓库 README。

Frontend-Animations 最近还在维护吗？

仓库最近一次更新为 2023年5月30日，当前有 3 个未关闭 Issue；Star 数为 46，可作为社区活跃度的参考。

本页面展示项目元数据与原始 README，GitRead 中文社区 编辑团队负责选题收录。

相关仓库

animate-css/animate.css avatar
animate.cssanimate-css
2024年7月30日
83.0k
15.6k
48

一个跨浏览器的 CSS 动画库，使用起来极其简单。

animationcsscss-animations+1
CSS
2.0 MB
0
详情
ryanoasis/nerd-fonts avatar
nerd-fontsryanoasis
3 周前
65.1k
4.0k
32

图标字体聚合器、合集与补丁工具。3,600+ 图标，50+ 个已打补丁字体：Hack、Source Code Pro 等。字形集合：Font Awesome、Material Design Icons、Octicons 等

fontspatched-fontspowerline+7
CSS
28.0 GB
0
详情
necolas/normalize.css avatar
normalize.cssnecolas
2024年6月13日
53.5k
9.8k
56

现代化的 CSS resets 替代方案

csscss-resetnormalize-css
CSS
379 KB
0
详情
Nutlope/hallmark avatar
hallmarkNutlope
2 天前
50.6k
2.7k
46

面向 Claude Code、Cursor 和 Codex 的反 AI 劣质内容设计技能。

CSS
228.2 MB
0
详情
jgthms/bulma avatar
bulmajgthms
9月21日
50.0k
3.9k
532

基于 Flexbox 的现代 CSS 框架

csshtmlflexbox+2
CSS
113.7 MB
0
详情
isocpp/CppCoreGuidelines avatar
CppCoreGuidelinesisocpp
5 天前
45.4k
5.5k
238

C++ Core Guidelines 是一套经过实践检验的关于 C++ 编码的指南、规则和最佳实践

CSS
26.3 MB
0
详情
bradtraversy/50projects50days avatar
50projects50daysbradtraversy
2025年2月26日
40.7k
9.5k
0

使用 HTML、CSS 和 JS 的 50+ 个迷你网页项目

CSS
482 KB
0
详情
hehonghui/awesome-english-ebooks avatar
awesome-english-ebookshehonghui
1 天前
39.2k
3.3k
0

经济学人(含音频)、纽约客、卫报、连线、大西洋月刊等英语杂志免费下载,支持epub、mobi、pdf格式, 每周更新

downloadebookseconomist+3
CSS
15.0 GB
0
详情

关于

GitHub 原始描述（英文）

Beautiful Frontend Animations.

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分
114
价值分
37
活跃状态
归档
animationcsscss-animation-effectscss-animationsfrontendhacktoberfesthacktoberfest-acceptedhacktoberfest2021hacktoberfest2022htmlhtml-css-javascriptjavasciptjavascript-vanillajs-animations
GitHub

语言占比

CSS
HTML
JavaScript

贡献者

pulkit-30pulkit-30Lavish-BansalLavish-Bansaliamtushar11iamtushar11SamirKaushikSamirKaushikPrasadpoojaryPrasadpoojaryPalaksharma23Palaksharma23nandiniguptaznandiniguptazAyush7614Ayush7614IamPrasanna482IamPrasanna482anjali1102anjali1102VikasYadav-1VikasYadav-1TejaswaBediTejaswaBedi

README

Frontend-Animation-Projects

Project Intro Gif

Project Name Links
Background Slider https://pulkit203.github.io/Background-Slider/
Bubble Animation https://iamtushar11.github.io/Bubble-animation/
3D-Image-Rotation Animation https://pulkit203.github.io/3d-image-rotation/
Car Moving Animation https://pulkit203.github.io/Car-moving-animation/
Clock-Animation https://pulkit203.github.io/Clock-Animation/
Drive Parallax Animation https://pulkit203.github.io/Drive-Parallex/
2D to 3D animation https://pulkit203.github.io/3d-image-Animation/
Hamburger Animation https://pulkit203.github.io/Hamburger-Menu/
Loading Animation https://pulkit203.github.io/Loading-Animation/
Lamp Animation https://iamtushar11.github.io/lamp-Animation/
No Image Animation https://iamtushar11.github.io/See-the-Pointer/
Mode Toggler Animation https://pulkit203.github.io/Mode-Toggler/
Progress Animation https://pulkit203.github.io/Progress-Animation/
Progress Steps Animation https://pulkit203.github.io/progress-steps/
Rocket Travelling Animation https://pulkit203.github.io/Rocket-Travelling/
Rotating Navigation Animation https://pulkit203.github.io/Rotating-Navigation/
Shooting Stars Animation https://pulkit203.github.io/Shooting-Stars/
Solar Rotation Animation https://pulkit203.github.io/Solar-rotation/
Spring Animation https://pulkit203.github.io/spiral-animation/
Testimonial Animation https://pulkit203.github.io/Testimonial/
Water Animation https://pulkit203.github.io/Water-animation/
Wave Animation https://pulkit203.github.io/Wave-Animation/
Menu Hover effect Animation https://lavishbansal17.github.io/Menu-Hover-Effect/
Button Animation https://palaksharma23.github.io/AnimatedButton/
Ring of Fire https://lavishbansal17.github.io/Ring-of-fire/
Moon Light https://iamtushar11.github.io/MoonLight-Parallex-Effect/
Modal Animation https://pulkit203.github.io/Modal-Animation/
Gradient Drop Shadow https://lavishbansal17.github.io/Gradient-Drop-Box/
Text Animation Effect https://lavishbansal17.github.io/Text-Animation-Effect/
Animation Balls https://pulkit203.github.io/Windows-Loading-Animation/
Line Icon Effect https://lavishbansal17.github.io/Line-Icon-Effect/
Hamburger Animation https://pulkit203.github.io/Hamburger-Animtion/
Drop Effect https://palaksharma23.github.io/Drop-Effect/
Scroll Animation https://pulkit203.github.io/Scroll-Animation/
Shiny Button Hover Effect https://lavishbansal17.github.io/Shiny-Button-Hover-Effect/
Glowing Effect In Two Modes https://palaksharma23.github.io/Glowing-effect-in-light-and-night-mode/
Scroll Progress https://pulkit203.github.io/Scroll-Progress/
Loading Balls Animation https://pulkit203.github.io/LoadingBalls/
Automatic Image Slider Animation https://palaksharma23.github.io/Automatic-Image-Changing-Animation/
Confetti Animation https://anjali1102.github.io/confetti_animation/
Comets Animation https://jonathanallisson.github.io/Comets/
Glowing Dot Animation https://lavishbansal17.github.io/Glowing-Dot-Animation/
Neumorphism Gradient Loader https://lavishbansal17.github.io/Neumorphism-Gradient-Loader/
Card Flip on Hold https://gabrielgomeso.github.io/card_flip.html
Credit Cards https://iqbalutomo.github.io/credit-cards/
ATM Card Form https://prasadpoojary.github.io/Frontend-Animations/ATM Card Input
Loader Glowing https://jonathanallisson.github.io/loader/
Parallax Sunset https://sinc0115.github.io/parallax-sunset/
Captain America Animation https://jonathanallisson.github.io/Captain/
Plane Animation https://jonathanallisson.github.io/plane/
Isometric social media icon https://lavishbansal17.github.io/Isometric-social-media-icon/
Skill Bar https://lavishbansal17.github.io/Skill-Bar/

Project Intro Gif

Follow these steps to contribute -

1.fork the repo.
2.create a new branch
3.Create a new project
4.add developer name (linked to your github profile) and Date at footer
5.add a readme.md file and add a image of your project in it.
6. Open Pull Request

Show some ❤️ by staring ⭐️ this repository.

评论

暂无评论