CSSアニメーションの実装もこれで簡単！ さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween

2022/06/21 16 users プロパティ スクリプト CSSアニメーション DOM要素 実装

Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。 スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表... 続きを読む

フランス代表のメンバー発表延期　多くのクラブが五輪参加拒否 - サッカー - 東京オリンピック2020 : 日刊スポーツ

2021/07/02 22 users 日刊スポーツ サッカー グラフ フランス代表 多く

フランスサッカー連盟（FFF）は6月30日に五輪代表メンバーを発表する予定だったが、7月2日に延期した。1日付フランス紙レキップが報じた。 同紙によると、シルバン・リポル監督は、18人の選手と4人の予備選手を招集する予定だったが、規則が変更され、予備選手を設置せずに22人を招集することになる。 多くのクラブが選... 続きを読む

filterプロパティで、どんな背景画像でもテキストが読める状態にする | かちびと.net

2019/05/07 10 users result ＢＧ background-image 語弊

Result どんな背景でもテキストを読める状態にする、というもの ちょっと語弊があるかもしれませんが、要は背景画像の明度とコントラストをfilterプロパティで抑えて#fffに指定したテキストの可読性を維持しよう、という内容です CGMサイトなんかで使う機会があるかも、と思ったので備忘録 css .bg { background-image:u... 続きを読む

CSSスニペット：アニメーションエフェクト付きのtoggleボタン | かちびと.net

2018/10/04 17 users CSSスニペット absolute net position

Result CSSのみで実装したアニメーションエフェクト付きのtoggleボタンです 各ボタンのスタイルはPenをご参照ください css /* Button 1 */ #button-1 .knobs:before {/*左右に移動するボタンのスタイル*/ content: 'YES'; position: absolute; top: 4px; left: 4px; width: 20px; height: 10px; color: #fff; font-size:... 続きを読む

ドメサカ板まとめブログ : 【アビスパ経営危機】スポンサーの「ふくや」が応援キャンペーン発表！対象商品の売上金全額を寄付

2013/10/31 28 users フグ アビスパ経営危機 スポンサー 寄付 soccer

[ふくや公式]「アビスパ福岡」応援キャンペーンを開催します！ http://www.fukuya.com/fff/campaign/cam_000000003086.html ※詳細はリンク先をご覧ください 以下、福岡スレより アビスパ福岡638 http://ikura.2ch.net/test/read.cgi/soccer/1382423110 729 U-名無しさん＠実況はサッカーch：2... 続きを読む

DreamweaverでZen Codingの展開後の文字をカスタマイズするには？ | Webデザインのタネ

2012/11/08 23 users Dreamweaver タネ Zen Coding bgC

僕は普段Zen CodingでCSSを書いています。「bgc」と入力して展開すると、「background-color:#FFF;」と初期値が入ってしまって、テキストカーソルを戻して本来設定したかった値を入れていくのはちょっと面倒です。 Dreamweaverに限ったことではないのですが、Zen Codingをカスタマイズすると、初期値を空にしたりまだ定義されていないプロパティを独自に定義できるよ... 続きを読む

[CSS]高さが可変のボックスに二重のボーダーを適用するテクニックのまとめ | コリス

2011/07/21 89 users コリス border outline CSS ボーダー

Method 1: borderとoutline borderプロパティとoutlineプロパティを併用します。 この方法はoutlineプロパティをサポートするブラウザだけうまくいきます、つまりIE6/7以外です。 .one { border: solid 6px #fff; outline: solid 6px #888; } この方法が機能するのは、outlineがボックスの外に配置されるた... 続きを読む

FTP の危険性に関して超簡単まとめ | WWW WATCH

2010/01/30 855 users FTP WWW WATCH FFFTP Gumblar 危険性

去年あたりから、「Gumblar （ガンブラー）」 に代表されるような、FTP のアカウント情報を何らかの手段で盗み出して Web サーバにアクセスし、Web サイトを改竄して被害を広めていくタイプのウィルスが問題になっていますが、今日になって広く利用されているフリーの FTP クライアントである 「FFFTP」 にアカウント情報漏洩の危険性が見つかったということで話題になっていました。 「FFF... 続きを読む

FFF.: GIMPでミニチュア風写真を作ってみる

2007/06/03 124 users GIMP pages チュートリアル HTML net

はてブでちょっと話題になっていたので。 それGIMPでも余裕じゃないかしら？ということでやってみた。 ネタ元はこちら。 http://www.designwalker.com/2007/06/tilt_shift.html で、ちょっと調べたらもうちょっとハイレベルなチュートリアルがあった。これも参考に。 http://aska-sg.net/pstips/tips/pages/sentakuha... 続きを読む