はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ steps

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

平成とともに終わる、みずほ銀システム統合の特需 | 日経 xTECH(クロステック)

2018/03/18 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip xTech 特需 ベンダー クロステック 日経

この記事は日経 xTECH登録会員限定ですが、2018年3月20日5時まではどなたでもご覧いただけます。 2019年、あるシステムが役目を終える。みずほ銀行が持つ勘定系システム「STEPS」である。30年にわたって稼働してきた。2018年6月に移行を始め、新システムにバトンを渡す。みずほ銀が切り替えスケジュールを発表したのは2018年2月15日のことだ。 「当初より延期したため、ベンダーにとっては... 続きを読む

CSSスプライトとstepsを使ってアニメーション画像を作ろう | Webクリエイターボックス

2015/11/17 このエントリーをはてなブックマークに追加 257 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロパティー CSSスプライト CSS アニメーション 動作

CSSで動かすアニメーションには、私自身まだまだ使いこなせていないプロパティーがたくさん眠っています。その中のひとつが steps というプロパティーでした。これまでよく使っていた滑らかな動作ではなく、段階ごとに要素を動かすことができます。実際にはどんな場面で使えるんでしょうか?今回はそんな steps プロパティーにフォーカスしてみます。 steps の記述方法 steps は animatio... 続きを読む

PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet | コリス

2012/12/03 このエントリーをはてなブックマークに追加 85 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナイスアイデア コリス CSSスプライト gif PNG画像

アニメーションに対応した画像といえばGIFですが、PNG画像でもコマ送りのアニメーションさせてしまうスタイルシートのナイスアイデアを紹介します。 Sprite sheet animation with steps(). デモはCSS3アニメーションに対応したブラウザでご覧ください。 デモページ 仕組みは、横に各コマを並べたPNG画像をCSSスプライトで順に表示させて、コマ送りのアニメーションのよう... 続きを読む

[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート | コリス

2012/02/26 このエントリーをはてなブックマークに追加 98 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS アニメーション タイプライター スタイルシート

JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ず... 続きを読む

 
(1 - 4 / 4件)