Vivus Instant - inline SVG animation with CSS
Make stroke drawing animation without JavaScript. Simply drag and drop your stroke based SVG and set your options. The result will be animated by CSS and ready to export, and used inline or in a <object> tag. More information If you want to play with, here is the un-animated logo. This is a beta, expect crashes, bananas and explosions (especially on IE/Edge). Also use the amazing SVGOMG to clean y
bxsliderのクリックした時にリロードするのを作った時の話 | なんかいろいろデザインする人
スライダー系のjsの中でも使いやすくて有名なbxslider.js その中で幾つかオプションがあるんだけど、複数スライドがある時にそれがうまくいかなかった時のあれこれ。 なんか日本語でこれ書いてるところ見つけられなかったから次やる時のメモ。 ※2016年11月29日修正・追記しました。適当に書いたのに結構アクセスくるから。 はじめに bxslider.jsにはdestroySliderとかreloadSliderとかの機能がある。 destroySliderはスライダー削除するやでってやつ。まんま。 reloadSliderはスライドをページ読み込んで最初に表示される状態にすること。 reloadSliderの内部処理的にはdestroySliderした上で再形成している。 で、いろいろ見よう見まねで最初こんな感じにした。 $(window).load(function() { var s
jQueryのfadeIn、fadeOutのアニメーションがちらつく
jQueryでfadeIn、fadeOutのアニメーションをしたときに、ちらつく現象について。 アニメーションはイージングの設定によって見た目が代わりますが、一番基本のlinearでもちらつきます。 「ちらつく」というのがどういう現象かというと、本来は透明から不透明に少しずつ現れていってほしいのですが、透明状態から一瞬濃い状態になり、また薄い半透明になり、それからアニメーションがスタートする感じ。 言ってみれば、フェードインがスタートする前に、ちょっと見えちゃうんですよね、一瞬。 この一瞬見えちゃうってのがすごくカッコ悪い。 っていうか、もうチカチカして、一目見て不具合！って感じ。 で、原因はというと、CSSのtransition設定とぶつかっていたのでした。 transition設定をしている要素に対してfadeIn、fadeOutをすると発生する現象のようです。 いやー、ちょっとハマっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
