.frame{ display:block; padding:60px !important; background-image: url(https://takeoman-css.jimdofree.com/app/download/12069825160/bones-top.jpg?t=1573100470), url(https://takeoman-css.jimdofree.com/app/download/12069825360/bones-low.jpg?t=1573100468), url(https://takeoman-css.jimdofree.com/app/download/12069825260/bones-mid.jpg?t=1573100466); background-position: top center, bottom center, top center; background-repeat: no-repeat, no-repeat, repeat-y; background-size:contain, contain, contain; } .frame1{ background: radial-gradient(ellipse farthest-side at 10% 80%, rgba(247,241,233,0.1), rgba(247,241,233,0.3)); border-radius: 4px; box-shadow: 0 0px 20px rgb(240,223,214); padding:20px !important; } .frame2{ background: #fff; border-radius: 4px; box-shadow: 0 0px 20px rgb(240,223,214); padding:20px !important; } /*tags*/ .tags ul{ list-style: none; margin: 0; padding: 0; font-size:80%; } .tags li{ background: #cdd8d0; border-radius: 3px 0 0 3px; color: #333333; display: inline-block; height: 26px; line-height: 28px; padding: 0 8px 0 24px; position: relative; margin: 0 24px 12px 0; } .tags li::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; width: 6px; height: 6px; top: 0; bottom: 0; left: 10px; position: absolute; margin: auto; } .tags li::after { border-top: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 13px solid #cdd8d0; content: ''; position: absolute; top: 0; bottom: 0; left: 100%; } /*tags-ribbon*/ .tags.is-ribbon li{ border-radius: 0 0 0 0px; padding: 0 0px 0 24px; margin: 0 32px 12px 0; } .tags.is-ribbon li::after { border-top: 13px solid #cdd8d0; border-right: 13px solid transparent; border-bottom: 13px solid #cdd8d0; border-left: 13px solid #cdd8d0; }
<div class="custom-hook" data-class-name="tags" data-target-position="next"> </div><
係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。
<div class="custom-hook" data-class-name="frame1 tags" data-target-position="next"> </div><
係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。
<div class="custom-hook" data-class-name="frame2 tags" data-target-position="next"> </div><
係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。
<div class="custom-hook" data-class-name="frame2 tags is-ribbon" data-target-position="next"> </div><
係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。