A simple toggle in pure CSS3 with a clean HTML markup which includes a label. Leave the label blank if you want do not want any text.
A Pen by Aditya Bhandari on CodePen.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>Untitled benchmark</title> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script> | |
<script src="./suite.js"></script> | |
</head> | |
<body> | |
<h1>Open the console to view the results</h1> |
A simple toggle in pure CSS3 with a clean HTML markup which includes a label. Leave the label blank if you want do not want any text.
A Pen by Aditya Bhandari on CodePen.
/* | |
这个例子展示了如何使用你的数据结构为基础 | |
你的火力地堡安全规则来实现基于角色的安全性。我们店 | |
每个用户通过他们的Twitter uid和使用以下简单的方法 | |
为用户角色: | |
0 - GUEST客人 | |
10 - USER 用户 | |
20 - MODERATOR 主持人 |
<div class="container-fluid"> | |
<div class="slide" id="s1"> | |
<div class="slide" id="s2"> | |
<div class="slide" id="s3"> | |
<div class="slide" id="s4"> | |
<div class="slide" id="s5"> | |
<ul id="menu"> | |
<a href="#s1"> | |
<li class="icon fa fa-home" id="home"></li> |