css
a few seconds read (About 36 words)

css - images crop circle

tag img

1
<img src="avatar.png" />
1
2
3
4
5
6
.avatar img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
Read More
vue 热门后台UI框架推荐
css / javascript
2 minutes read (About 292 words)

vue 热门后台UI框架推荐

随着vue的火热，越来越多的UI框架被开发出来，这里把曾用过的框架不分排名拿来分享~

Read More
css / javascript
a few seconds read (About 101 words)

css color to webgl color

webgl中所使用的颜色值域为0~1，超出1的部分则自动截取为1
css中的颜色值域为0~255
因为同为RGB颜色，所以转换方法为 颜色值/255 一般取两位小数即可，需要更精准则取更多小数

Read More
css / javascript
2 minutes read (About 266 words)

css HEX值转换为RGB或RGBA

首先介绍进制

进制 : 是计算机中数据的一种表示方法。 N进制的数可以用0~(N-1) 的数表示, 超过9的用字母或符号表示 .

Read More
css
a few seconds read (About 67 words)

css div背景图片padding

div背景图片设置后，div的padding和背景图不同步

如下设置 background-position-x 即可

1
2
3
4
5
6
7
8
9
10
.logo {
    padding-left: 15px;
    height: 100%;
    width: auto;
    cursor: pointer;
    background-size: contain;
    background-image: url(/assets/images/logo.png);
    background-repeat: no-repeat;
    background-position-x: 15px;
}
Read More
css - flex header navigation
css
a minute read (About 217 words)

css - flex header navigation

目标-用flex来写一个nav

  • Logo左边，中间title，右边菜单
  • 右边菜单宽度和左边logo所占据宽度一致
  • 中间title始终在最中央
Read More

Categories

Tag Cloud

DASH FFMpeg WebGl WebRTC angular antd docker echartsjs ffmpeg flex git go google immutable keep update koa mac mongodb next.js nginx node nodejs npm nuxt.js nuxtjs pm2 postgres postgresql rabbitmq react redux regexp typescript vim vue vuejs 日语 水彩

Recent

Archives

Tags

DASH 1
FFMpeg 1
WebGl 9
WebRTC 4
angular 3
antd 1
docker 3
echartsjs 3
ffmpeg 1
flex 1
git 7
go 1
google 1
immutable 1
keep update 1
koa 1
mac 1
mongodb 1
next.js 1
nginx 2
node 5
nodejs 3
npm 3
nuxt.js 1
nuxtjs 1
pm2 1
postgres 1
postgresql 1
rabbitmq 1
react 6
redux 1
regexp 2
typescript 8
vim 3
vue 13
vuejs 1
日语 1
水彩 7

Recent

Archives

Tags

DASH 1
FFMpeg 1
WebGl 9
WebRTC 4
angular 3
antd 1
docker 3
echartsjs 3
ffmpeg 1
flex 1
git 7
go 1
google 1
immutable 1
keep update 1
koa 1
mac 1
mongodb 1
next.js 1
nginx 2
node 5
nodejs 3
npm 3
nuxt.js 1
nuxtjs 1
pm2 1
postgres 1
postgresql 1
rabbitmq 1
react 6
redux 1
regexp 2
typescript 8
vim 3
vue 13
vuejs 1
日语 1
水彩 7
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×