Skip to content

Instantly share code, notes, and snippets.

@ijse

ijse/dabblet.css

Forked from kejun/dabblet.css
Created October 8, 2014 05:24
Show Gist options
  • Save ijse/6542a1f4a87c865f9ca8 to your computer and use it in GitHub Desktop.
Save ijse/6542a1f4a87c865f9ca8 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
p:nth-child(1) {
font-size: 12px;
margin: 20px;
width: 200px;
height: 150px;
-webkit-hyphens: auto;
-webkit-shape-inside: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
overflow: hidden;
}
.images img:nth-child(1) {
-webkit-flow-into: pic;
-ms-flow-into: pic;
}
.images img:nth-child(2) {
-webkit-flow-into: pic1;
-ms-flow-into: pic1;
}
.slot1 {
-webkit-flow-from: pic;
-ms-flow-from: pic;
}
.slot2 {
-webkit-flow-from: pic1;
-ms-flow-from: pic1;
}
Raw
dabblet.html
<p>听了这么久千与千寻的OST，今天才回过头来看歌词，发现好多歌词都是宫崎骏自己填的，然后找让叔配乐。以下歌词均来自虾米，虾米专辑是这一张 这首是神明们来泡澡时候的BGM，那个空气神大概不会来了奇妙地戳中笑点。およそ名も無き神々は 这些神明们都没有名字 今日もほとほとくたびれて 今天大家都累得要命 腰はガタガタ膝は折れ 累得腰酸背痛腿抽筋
<div class="slot1"></div>
<p>Content 2
<div class="slot2"></div>
<p>Content 3
<div class="slot3"></div>
<div class="images">
<img src="http://dummyimage.com/100">
<img src="http://dummyimage.com/100">
<img src="http://dummyimage.com/100">
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment