有点意思
关注
分享
扫一扫
70kggg
76104718@qq.com
展开
-
（转）CSS实现一个会旋转的太极图案
画个会旋转的太极：以下部分直接赋值粘贴就好了HTML部分：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scal转载 2018-10-07 11:33:48 · 538 阅读 · 1 评论 -
给页面添加loading动画
html内的代码：<div class="loading"></div>css代码：.loading{ width: 300px; height: 300px; border:1px solid black; position: relative;}.loading::before,.loading::after{ c...原创 2019-03-22 22:48:30 · 1253 阅读 · 0 评论 -
《华为音乐播放器项目》——1.项目简介与环境搭建
华为音乐播放器项目项目简介：做出一个华为音乐播放器项目，涉及技术有JS、SVG、SCSS最终效果预览：点击查看目的：自己JS基础太差了，需要熟悉JS，CSS具体环境搭建过程一、首先肯定是创建一个 HUAWEI-MUSIC 文件夹然后电脑里面下载好 node ，没有的话直接去官网下一个就好了二、因为后面需要使用到一些工具包，所以需要先进行初始化git bash 进入到 HUAWEI-...原创 2019-04-26 21:48:46 · 1018 阅读 · 0 评论 -
《华为音乐播放器项目》——2.静态页面实现
emmmmm，静态页面好像没什么需要特别记录的东西。最多就是新知道的几个CSS知识点和SVG的用法，但还是把具体实现步骤记录一下吧。最终效果如下：一、对效果图先分区布局主要分为三个部分：head: 包括歌名、作者panel： 旋转的效果，当前歌词和下一句歌词footer: 一些功能按钮二、着手写整体布局的CSS：1、先确定主题颜色，直接微信截图看的，这时候 svg 的好处就...原创 2019-04-27 23:24:49 · 753 阅读 · 0 评论 -
《华为音乐播放器项目》——4.歌词滚动完成+上传
效果预览连接：https://70kg111.github.io/HUAWEI-MUSIC/dist/index.html电脑打开的话请选择手机预览，不然分辨率有问题，会很难看。可以看里面的代码及注释，应该都写的比较清楚了。最后面一部分的歌词滚动代码是c v 过来的，说实话，我写不出来。小插曲：我在把这个项目上传到 github 时，直接在当前目录下打开：https://70kg111....原创 2019-05-04 14:41:32 · 1038 阅读 · 0 评论 -
《华为音乐播放器项目》——3.JS实现部分功能，播放，上一首，下一首
JS实现部分播放功能：播放 / 暂停，上一首歌，下一首歌具体实现过程…直接上代码吧，代码中有注释，应该描述的比较清楚了，并且图片内都是上下衔接的。如果需要源码的话也点击我的github查看：https://github.com/70kg111/HUAWEI-MUSIC...原创 2019-04-29 16:16:01 · 2095 阅读 · 0 评论