Webとcssに関するayakohiroeのブックマーク (2)
-
オプション2 textarea オプション2 ※ 重複設定に注意 多量のスペースや改行は自動削除 空行を削除 カンマ前後に空白削除 \n改行⇒カンマ 連続カンマ⇒1個 最後のカンマを削除 カンマ⇒\n改行 全空スペース⇒半角 全空スペース⇒削除 簡易制作した個人用ツール︵作者環境用の仕様︶ですが、 SyntaxHighlighterとカンマ区切り用に少々改良して公開。 ︵改行コードは、あえて\r,\nで分けずに\nで書き出し︶ チェックボタンも優先順まで考慮していないので、 オプションを上手く利用し自己責任で動作や変換結果の確認を! SyntaxHighlighter <!-- HTML HEAD --> <script type="text/javascript" src="scripts/shCore.js"></script> <script type="text/javascr
-
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす ﹁動く﹂といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
-
1