HTMLからCSSを自動生成してくれる「OneClickCSS」が便利すぎた！｜カケウェブ | web制作 コーダー ブログ
HTMLからCSSを自動生成してくれる「OneClickCSS」 「OneClickCSS」ってサイトを最近見つけました。 このサイトに書いたHTMLをコピペすると、一瞬でCSSの一覧を作ってくれます。 HTMLを書いてからCSSを書くのが一般的（？）だと思うので、一個一個IDやclassを書いている人は、今回紹介するサイトを使用してみてください！ めちゃくちゃ捗ります！ 「OneClickCSS」の使い方 まずはHTMLを用意！ 今回はこんな感じでHTMLを用意しました。 <div id="sample"> <h1>見出し</h1> <p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p> </div> では早速「OneClickCSS」を使っていくー！ ①「HTML source」に今のソースをコピペします。 ②作成したいCSSをを
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
