minimum_shoのブックマーク / 2018年8月9日

2018年8月9日のブックマーク (2件)

[jQuery] アニメーションしながら開く「続きを読む」をjQueryで実装する
長い文章を3行ぐらいで切っておいて、続きを読むボタンクリックでアニメーションしながら全文表示させてみます。デモはこちら HTML <div class="grad-wrap"> <span class="grad-trigger">続きを読む</span> <div class="grad-it em"> <p>近頃岡田さんへ講義人身少々招待にするあり権力…</p> </div> </div> トリガーとなるボタン.grad-triggerと高さを変化させる.grad-it emをgrad-wrapで囲います。 CSS .grad-wrap { position: relative; } .grad-wrap + .grad-wrap { margin-top: 40px; } .grad-trigger { /*ボタンのスタイルはご自由にどうぞ*/ } .grad-it em { posit
minimum_sho 2018/08/09
アニメーション　トグル

jquery
リンク
Pts.js
Connecting the dots Like seeing the Big Dipper in a sky full of stars, Pts helps you connect the dots in the vastness of conceptual spaces. Pts enables you to compose and express what you see in your mind's eyes — points as ideas, shapes, colors, motions, interactions, and more. A modern javascript library Pts is lightweight and modular. Written in typescript, it comes with many useful algorithms
minimum_sho 2018/08/09
javascript
リンク
- 2018年8月15日
- 2018年8月9日
- 2018年8月3日