[CSS3] (Webkit限定)フォントのアンチエイリアスを変更する - YoheiM .NET
こんにちは、@yoheiMuneです。 Chrome,Safari,iPhone,AndroidなどのWebkit限定ですが、フォントのアンチエイリアスを変更する方法について、ブログを書きたいと思います。 Special Thanks to http://flic.kr/p/cd6XCL フォントのAnti Aliasを変更する Android - 4.4 KitKatのサイトを見ていて気づいたのですが、 -webkit-font-smoothingというCSSが存在するようです。使い方は以下の通りです。 -webkit-font-smoothing: antialiased; このCSSは、W3Cの仕様にはありませんが、フォントのアンチエイリアスを指定できるCSSで、Webkit系のブラウザで利用することができます。 以下の値が指定できます。 値 意味
![[CSS3] (Webkit限定)フォントのアンチエイリアスを変更する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad41452048ecdb089c4ecb4653ac14e829adeca6/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F321.jpg)
[CSS3] 心地よいCSS3アニメーションを実装する - YoheiM .NET
こんにちは、@yoheiMuneです。 最近githubで人気になっているtobiasahlin/SpinKitというレポジトリ（Starが2,500個も！）では、 CSS3アニメーションを使った心地よいアニメーションのサンプルが公開されています。 今回はそのレポジトリの内容を拝借して、各アニメーションの実装内容を学んで、自分も書けるようになろうというためのブログです。 SpinKitで公開されているCSSアニメーション 公開されているものは執筆時には全部で８個あり、http://tobiasahlin.com/spinkit/でデモが確認出来ます。 綺麗なものがいっぱいあって、個人的には好きです。 以下ではそれぞれのアニメーション内容を拝借して、実装内容を学びたいと思います。 <style> .spinner1 { width: 30px; height: 30px; backgroun
![[CSS3] 心地よいCSS3アニメーションを実装する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/53d67670ab9a4d96908df62696837d176e920257/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F297.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
