SOFTELメモ

Softel Inc.

Category / css

点滅させるCSS

2019-07-27 問題 CSSでアイコンなどを点滅させたいです。 答え CSSを自作すると以下のような感じ。 @keyframe […]

回転させるCSS

2019-07-21 問題 CSSでローディング用アイコンなどをくるくる回したいです。 答え CSSを自作すると以下のような感じ。 […]

子要素にhoverやclickがあったときに親要素に反応させたい

2019-07-20 問題 ・子要素にマウスが乗ったら、親要素の色を変えたい。 ・buttonの中の子要素がクリックされたときに、b […]

Bootstrap3からBootstrap4に移行する

2018-11-01 問題 Bootstrap3のシステムがあるのですが、Bootstrap4へはすんなり移行できますか? 答え あ […]

【JavaScript】jQueryの.fadeIn()をCSSで実装する

2017-12-28 問題 アニメーションはCSSにお任せしたい。 .fadeIn()とかをCSSでできませんか。 答え アニメーシ […]

【JavaScript】上にスクロールするとにゅっと出てくるメニューを作る

2017-12-27 問題 長い画面で、メニューや検索フォームなどが、近くにいて欲しいんだけど、いつも見えると邪魔。 下へ下へスクロ […]

メイリオはCSSでイタリック(斜体)が効かない

2017-02-20 問題 CSSで文字が斜体になりません! 答え メイリオではならないそうです。 https://www.micr […]

【CSS】背景だけ斜めにする

2015-12-13 問題 スタイルシートで、背景だけ斜めにできますか? 斜めに2色で区切ったりできますか? 答え スタイルシートで […]

【CSS】Google+のボタンだけ位置がずれる

2015-12-08 問題 他のSNSボタンと一緒に並べると、Google Plus(G+)のボタンだけ上下位置がずれるのですが、な […]

【CSS3】疑似否定クラス E:not(s)

2015-11-10 問題 諸事情で、.hogeのpre要素 <pre class="hoge">...</pre […]

【CSS3】画像を白黒写真にする(グレースケール、モノクロ、セピア調…)

2015-06-16 問題 画像をCSSでモノクロ写真にできますか? 答え IEでfilterのサポートがなくなってうまくいかない。 […]

【CSS3】くるくる回る星

2015-06-15 問題 くるくる回る星ください! 答え 星は、文字、Webフォント、画像……、何らかの手段でご用意ください。 B […]

【CSS3】くるくる回る星(マウスオーバーで)

2015-06-14 問題 くるくる回る星ください!マウスオーバーで! 答え 星は、文字、Webフォント、画像……、何らかの手段でご […]

【CSS】背景だけ半透明にしたい

2015-06-06 問題 opacityで半透明にすると、半透明にした要素の中身全部が半透明になっちゃう。 文字などは半透明にしな […]

twitter bootstrap 3 で横幅をめいっぱい広げたいとき

2014-01-05 問題 bootstrapって、Extra small devices Phones (

twitter bootstrap3 を とにかく手軽に始められる雛形

2013-12-25 問題 twitter bootstrap3 やってみたいんですけど。 twitter bootstrap3 都 […]

【HTML】IE10のinput要素のxボタンを消す

2013-06-19 問題 IE10になって、フォームのテキスト入力欄に「×」ボタンや、パスワード入力欄に目のマークが出るようになっ […]

【css】リンクをクリックしたときの点線を消す

2013-05-31 問題 このaタグにフォーカスがあたっているときに付く点線って消せない? 答え これで消える(古いIE以外)。 […]

【CSS】ふわふわゆらゆらさせる

2013-05-15 問題 目立たせたいものがあるので、バナーや文字をちょっと動かしてみようと思う。 やっぱJavaScript?j […]

【css】いろんな形をスタイルシートで

2013-05-07 四角 .square { width:100px; height:100px; border:1px soli […]