笨笨哥 ZSX-JOJO

	1	LAFBD-41
	2	SSNI-497
	3	IPX-177
	4	ABP-984
	5	SSIS-465
	6	IPX-580
	7	IPX-811
	8	SMBD-115
	9	IPX-534
	10	IPX-726

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->

本歌单由Listen1创建, 歌曲数：1，歌单数：1，点击查看更多

CSS only scroll indicator

I was interested to see if I could make a scroll indicator with just CSS.

You can! But maybe you shouldn't. This is an interesting consequence of a bunch of hacks held together with duct tape.

Having said that, hacks are not always bad. I love hacks and many of us have made quite a good living selling floats and clearfixes.

The techniques used here are well supported, if not conventional. If you can read the CSS, understand how it works, and how to change it, and you think this works better for you than JavaScript, feel free to implement it. Just be aware of the z-index behaviour and possible conflict with other CSS using negative z-index.

Animated Gradient Ghost Button Concept

Ghost button. Animated gradient borders and text. Transparent background. CSS line drawing animation. Clip-path frame. No SVG. Pure CSS.

A Pen by Arsen Zbidniakov on CodePen.

License.

CSS Glitched Text

Pure CSS glitched, noisy, analog-y text.

A Pen by Lucas Bebber on CodePen.

License.

	// import icons from '../../dist/@vant/icons/src/config';
	import Page from '../../common/page';

	Page({
	data: {
	// icons,
	active: 0,
	demoIcon: 'chat-o',
	demoImage: 'https://b.yzcdn.cn/vant/icon-demo-1126.png',
	},

	<div class="rich-editor">
	<div class="wrapper">
	<div class="editor-area" contenteditable="true" placeholder="Enter text here..."></div>
	<div class="editor-backer"></div>
	</div>
	<span class="counter">140</span>
	</div>

	<div class="container">
	<header>
	<h1>Pure <strong>CSS</strong> Progress</h1>
	<p>... a pretty liquid progress-bar.</p>
	</header>
	<section>
	<article>
	<input type="radio" name="switch-color" id="red" checked>
	<input type="radio" name="switch-color" id="cyan">
	<input type="radio" name="switch-color" id="lime">

	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300" type="text/css" />


	<h1>Pure CSS3 Animated Gradient Background</h1>