定番
新着

CSS


  • CSS3 画像を左右に回転する
  • 要素をCSSのアニメを使い、左右にかしげるような表現のサンプルです。CSS3で手軽にアニメーションが使えるようになり、回転とループアニメを組み合わせると下記のような動きをつけることができます。 左右に回転するアニメーションも少し調整するといくつかバリエーションができます。 左に10度回転 @keyframes yure { 0% { transform: rotateZ(0deg)
  • 2018-06-07 00:37:21
  • CSS3 スクロールバーのスタイル
  • スクロールバーを自分の好きなスタイルに変更するときのサンプルです。 最近、CSSでoverflow:scrollとしてスクロールバーを表示させる手法が手軽になりました。 しかし、スクロールバーのデザインはブラウザに依存していて、ページのテイストに合わない場合があります。 そんな時は以下のようにスタイルを指定して、幅や色、角の大きさなどを変えることができます。 Google Chrome、Safariに対応していますので、iOS,Android
  • 2018-03-11 13:22:29
  • CSS3 ウィンドウサイズ変更でアニメーション
  • ウィンドウのサイズが変わった時にアニメーションでレイアウトを変えたいときに使う表現です。 MediaQueryを使ってウィンドウサイズによってレスポンシブに変わるデザインはよく見かけるようになりましたが、幅を変えた途端バコッと見ていた要素がどこへ行ってしまうのは、優しくないかもしれません。 MediaQueryとは下記のようなCSSを書くことで指定した幅のときだけ適応されるCSSです。
  • 2017-08-27 13:47:07
  • CSS 初めてのCSS
  • CSSとは HTMLのページにおいて、色や背景、画像や罫線などデザイン的な要素の表現をする時に使用します。 前提として、HTMLの基本的な知識が必要です。 高度になれば、アニメーション、描画、表現の出し分けなどあらゆることができます。 デザイナーやフロントエンドエンジニアが主に書くことが多いですが、web関係の職種であれば少しかじっておくと便利です。 CSSの書き方 CSSはHTM
  • 2016-03-19 18:39:21

© 2018 kipure
Top