タグ rotate
人気順 5 users 10 users 100 users 500 users 1000 users独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！ - ICS MEDIA
2023/03/09
102 users
ICS MEDIA
transformプロパティ
CSS
独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！ CSSのtransformプロパティはtraslate()やrotate()を1つの値として受け取るプロパティでした。そのため、同時にそれらを動かしたい場合、1つのプロパティに両方の記述が必要でした。これは記述の複雑化を生みます。 最新... 続きを読む
Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）
2016/02/13
322 users
Edge
Firefox
Chrome
Webフォント
目次
概要 日本語のWebフォントはブラウザーによってはキレイ（滑らか）に見えないこともあります。、滑らかさを出せるCSS設定を紹介します。 目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1... 続きを読む
[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop | コリス
2015/09/01
72 users
コリス
スライダー
stylesheet
スクリプト
Path
アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="pa... 続きを読む
オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ｜Webpark
2013/06/24
470 users
Webpark
opacity
Ｔｒａｎｓｉｔｉｏｎ
マウス
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下... 続きを読む