首页下载资源前端 仿写前端崩坏3(纯html css js)

ZIP 仿写前端崩坏3(纯html css js)

weixin_6286106425.28MB需要积分:1

资源文件列表:

beng.zip 大约有120个文件
  1. beng/css/
  2. beng/css/index.css 13.99KB
  3. beng/css/valkyries.css 1.53KB
  4. beng/css/登录.css 3.38KB
  5. beng/images/
  6. beng/images/index_img/
  7. beng/images/index_img/11.jpg 510.41KB
  8. beng/images/index_img/age.png 3.85KB
  9. beng/images/index_img/contact_way1.png 2.61KB
  10. beng/images/index_img/contact_way2.png 2.25KB
  11. beng/images/index_img/contact_way3.png 3.06KB
  12. beng/images/index_img/contact_way4.png 2.6KB
  13. beng/images/index_img/down_android.png 1.3KB
  14. beng/images/index_img/down_one.png 2.28KB
  15. beng/images/index_img/down_pc.png 1.13KB
  16. beng/images/index_img/download.png 11.78KB
  17. beng/images/index_img/favicon.ico 35.3KB
  18. beng/images/index_img/first_bg.jpg 300.73KB
  19. beng/images/index_img/footer3.png 27.63KB
  20. beng/images/index_img/footer_icon_01.png 6.05KB
  21. beng/images/index_img/footer_icon_02.png 5.64KB
  22. beng/images/index_img/footer_icon_03.png 2.58KB
  23. beng/images/index_img/footer_icon_04.png 4.55KB
  24. beng/images/index_img/footer_icon_05.png 3.47KB
  25. beng/images/index_img/footer_icon_06.png 4.36KB
  26. beng/images/index_img/footer_icon_07.png 5.8KB
  27. beng/images/index_img/head_list_line.png 1.58KB
  28. beng/images/index_img/info_bg.jpg 116.54KB
  29. beng/images/index_img/info_role.png 356.02KB
  30. beng/images/index_img/logo.png 85.78KB
  31. beng/images/index_img/lunbo1.png 333.69KB
  32. beng/images/index_img/lunbo2.jpg 190.71KB
  33. beng/images/index_img/lunbo3.jpg 167.82KB
  34. beng/images/index_img/lunbo4.png 40.84KB
  35. beng/images/index_img/lunbo5.png 45.09KB
  36. beng/images/index_img/lunbo6.png 30.33KB
  37. beng/images/index_img/main_video_play.png 11.49KB
  38. beng/images/index_img/mi.ico 1.12KB
  39. beng/images/index_img/miHoYo.png 136.53KB
  40. beng/images/index_img/roles_bg.jpg 169.15KB
  41. beng/images/index_img/xier1.png 8.9KB
  42. beng/images/index_img/xier2.png 787.24KB
  43. beng/images/index_img/yayi.png 31.61KB
  44. beng/images/index_img/yayi2.png 1.39MB
  45. beng/images/index_img/yayi雷之律者.png 1.38MB
  46. beng/images/index_img/希尔.png 170.4KB
  47. beng/images/index_img/希尔2.png 705.71KB
  48. beng/images/index_img/空之律者.png 9.36KB
  49. beng/images/index_img/空之律者2.png 230.28KB
  50. beng/images/index_img/薪炎之律者.png 1.24MB
  51. beng/images/index_img/薪炎之律者1.png 32.33KB
  52. beng/images/index_img/薪炎之律者2.png 920.63KB
  53. beng/images/valkyries_img/
  54. beng/images/valkyries_img/al1.png 9.19KB
  55. beng/images/valkyries_img/bcy1.png 9.36KB
  56. beng/images/valkyries_img/bcy2.png 9.47KB
  57. beng/images/valkyries_img/bcy3.png 9.28KB
  58. beng/images/valkyries_img/bcy4.png 34.65KB
  59. beng/images/valkyries_img/bg.jpg 218.43KB
  60. beng/images/valkyries_img/bz1.png 10.36KB
  61. beng/images/valkyries_img/bz2.png 10.14KB
  62. beng/images/valkyries_img/bz3.png 10.14KB
  63. beng/images/valkyries_img/bz4.png 10.13KB
  64. beng/images/valkyries_img/bz5.png 10.2KB
  65. beng/images/valkyries_img/bz6.png 9.85KB
  66. beng/images/valkyries_img/bz7.png 35.98KB
  67. beng/images/valkyries_img/bz8.png 9.31KB
  68. beng/images/valkyries_img/da1.png 29.12KB
  69. beng/images/valkyries_img/da2.png 9.04KB
  70. beng/images/valkyries_img/da3.png 9.45KB
  71. beng/images/valkyries_img/da4.png 9.03KB
  72. beng/images/valkyries_img/da5.png 9.68KB
  73. beng/images/valkyries_img/da6.png 9KB
  74. beng/images/valkyries_img/da7.png 30.29KB
  75. beng/images/valkyries_img/fh1.png 30.71KB
  76. beng/images/valkyries_img/fh2.png 8.5KB
  77. beng/images/valkyries_img/fh3.png 8.7KB
  78. beng/images/valkyries_img/fh4.png 9.02KB
  79. beng/images/valkyries_img/fh5.png 8.65KB
  80. beng/images/valkyries_img/fh6.png 30.35KB
  81. beng/images/valkyries_img/kk1.png 8.67KB
  82. beng/images/valkyries_img/kk2.png 9.17KB
  83. beng/images/valkyries_img/kk3.png 8.78KB
  84. beng/images/valkyries_img/la1.png 34.07KB
  85. beng/images/valkyries_img/la2.png 9.26KB
  86. beng/images/valkyries_img/ll1.png 41.74KB
  87. beng/images/valkyries_img/ll2.png 8.9KB
  88. beng/images/valkyries_img/ll3.png 8.21KB
  89. beng/images/valkyries_img/ll4.png 8.32KB
  90. beng/images/valkyries_img/ly1.png 35.63KB
  91. beng/images/valkyries_img/ly2.png 31.61KB
  92. beng/images/valkyries_img/ly3.png 34.33KB
  93. beng/images/valkyries_img/ly4.png 36.16KB
  94. beng/images/valkyries_img/ly5.png 33.16KB
  95. beng/images/valkyries_img/ly6.png 9.9KB
  96. beng/images/valkyries_img/ly7.png 30.1KB
  97. beng/images/valkyries_img/wg1.png 9.68KB
  98. beng/images/valkyries_img/wg2.png 9.69KB
  99. beng/images/valkyries_img/wg3.png 9.55KB
  100. beng/images/valkyries_img/wg4.png 9.66KB
  101. beng/images/valkyries_img/wg5.png 8.58KB
  102. beng/images/valkyries_img/wg6.png 9.31KB
  103. beng/images/valkyries_img/white_bg.png 2.51KB
  104. beng/images/valkyries_img/xf1.png 8.9KB
  105. beng/images/valkyries_img/xf2.png 8.96KB
  106. beng/images/valkyries_img/yellow_bg.png 2.58KB
  107. beng/images/valkyries_img/yk1.png 9.3KB
  108. beng/images/valkyries_img/yk2.png 9.24KB
  109. beng/images/valkyries_img/yk3.png 9.49KB
  110. beng/images/valkyries_img/yk4.png 9.4KB
  111. beng/images/valkyries_img/yk5.png 9.36KB
  112. beng/images/valkyries_img/yk6.png 32.09KB
  113. beng/images/valkyries_img/yld1.png 30.46KB
  114. beng/images/valkyries_img/yld2.png 32.73KB
  115. beng/index.html 27.56KB
  116. beng/video/
  117. beng/video/background.mp4 4.97MB
  118. beng/video/雷之律者.mp4 10.01MB
  119. beng/女武神.html 32.52KB
  120. beng/登录.html 6.46KB

资源介绍:

项目名称:崩坏3前端界面仿制项目 技术栈:HTML5, CSS3 (包括Sass/Less等预处理器), JavaScript (可能使用Vue.js、React等现代前端框架简化开发) 目标:创建一个静态的、视觉上接近《崩坏3》游戏登录界面、主界面或角色选择界面的网页。 资源与工具 HTML:用于构建页面的基本结构,包括导航栏、背景图、角色展示区、按钮等。 CSS:使用CSS进行样式设计,包括但不限于背景渐变、阴影效果、动画效果、字体样式等,以模拟《崩坏3》的UI风格。推荐使用Sass或Less等CSS预处理器以提高开发效率。 JavaScript(可选):用于添加一些简单的交互效果,如按钮点击响应、轮播图等。 图片与资源:从官方渠道或合法途径获取《崩坏3》的相关图片资源(如角色立绘、UI元素等),或使用相似风格的图片进行替代。 开发步骤 需求分析与设计:首先分析《崩坏3》的UI特点,确定要仿制的具体界面。使用设计工具绘制草图,确定布局和样式。 HTML结构搭建:根据设计稿,使用HTML构建页面的基本结构。 CSS样式编写:使用CSS对页面进行样式设计,实现与《崩坏3》相似
100+评论
captcha