ベストアンサー

CSS　サイト　プログラム

2017/11/30 00:10

https://qiita.com/junya/items/4805404624292401030d ここにプログラムをコピペしてやってみたんですがサイトの通りに動きません。なぜでしょうか。このサイトが古いのでしょうか？誰か原因を教えてください。

akira0428
お礼率23% (12/52)

CSS
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

t_ohta
ベストアンサー率38% (5253/13739)

2017/11/30 10:14 回答No.1

サンプル通り動きますよ。 .text:hover で下線の要素が width: 100% と指定されていますから、マウスカーソルをテキスト部分に重ねないと下線は出ませんよ。

関連するQ&A

プログラム　CSS3　アニメーション

.text{ position: relative; display: inline-block; font-size: 2em; } .text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s; } .text:hover:before{ width: 100%; } このプログラムはhttps://qiita.com/junya/items/4805404624292401030dからコピペしたCSS3のアニメーションを使ったアンダーラインのプログラムです。このプログラムの四行目と九行目につかわれている「em」とはなんですか。
プログラム　CSS3　アニメーション

.text{ position: relative; display: inline-block; font-size: 2em; } .text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s; } .text:hover:before{ width: 100%; } このプログラムはhttps://qiita.com/junya/items/4805404624292401030dからコピペしたCSS3のアニメーションを使ったアンダーラインのプログラムです。このプログラムの十一行目の「content: "";」はどうして何も書かないんですか。これをかいて何の意味があるんでしょう。
CSS　after before

.text{ position: relative; display: inline-block; font-size: 2em; } .text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s; } .text:hover:before{ width: 100%; } このプログラムはhttps://qiita.com/junya/items/4805404624292401030dからコピペしたCSS3のアニメーションを使ったアンダーラインのプログラムです。このプログラムの上から七行目に使われている before なんですが before はこのプログラムではどういゆ役割(仕事）なんですか。なぜ before なんでしょうか。
CSS　座標

.text{ position: relative; display: inline-block; font-size: 2em; } .text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s; } .text:hover:before{ width: 100%; } このプログラムはhttps://qiita.com/junya/items/4805404624292401030dからコピペしたCSS3のアニメーションを使ったアンダーラインのプログラムです。このプログラムの上から九行目の「em」を使っているところ。「em」について調べてみましたが、font-size　で使うときの説明しか出てきません。なぜ「em」が座標指定の時に使われるのでしょうか。そしてどうして上にコピペしてあるプログラムのように書いたとき、なぜ文字の下に線出てくるんでしょうか。詳しく教えてください。
win10　ユーザーフォルダ名の変更

ユーザーフォルダー名を漢字にしてしまったために面倒なことになっています。あらたなユーザーを追加せずに変更できそうなやりかた以下で見つけたのですが途中から言っていることがわかりません。以下のサイトの手順２を素人がわかるようにどなたかご説明いただけないでしょうか？何卒、よろしくお願いします。 https://qiita.com/aaaKUKIaaa/items/83d6234b69b0d958d3f1
VMwareのプロダクトキー

Win11のＰＣでWin10をVMwareで使いたいと思っています。友達が使い方をざっと教えてくれたのですが、あまりにも彼が機械慣れしすぎていて説明を聞いても全然わからなかったので質問します。彼が言うには、Win10は無償だからプロダクトキーはいらないみたいなことを言うんですが、調べると https://qiita.com/qiita_mona/items/066d8f662409dd84c0d3 こちらのサイトでわかりづらく「プロダクトキーを手元に用意しましょう」と言っていますし、実際インストールしている過程でプロダクトキーを求められました。Ｗｉｎ１０のプロダクトキーとはなんなのでしょうか。お願いします・・。
MMDで使用したいモデル(dae.)について

https://www.models-resource.com/ こちらのサイトからモデルさんをダウンロードして使わせて頂きたいと思ったのですが、いざダウンロードして解凍してみるとdae.というファイル形式でPMXエディタでは開けませんでした。片っ端から3Dを扱えるソフト(toystudio blender maya等)試してみたのですがどうやら対応していないようでこちらに質問させて頂きます。 mayaではpmx.に変換できるスクリプト(https://qiita.com/phyblas/items/53161a1d83ec3d81f649)をDLし実行したのですがエラーが出てしまい分からずじまいです...。どうかお力添え頂けたら嬉しいです。
ExcelVBAのクラスについて、解説願います

先ずは此方をご覧ください qiita.com/lazynick/items/cce87d3194d737441161 クラスの書き方に、ついて示しているページです他は割りと解るの、ですが、 Class_Terminate() 此が、何処からも参照されていない其のように見えます上位、下位、のクラスへの、関連付けも、私では、見えません此は何をしているの、ですか？宜しく、お願い致します。
gitconfigのプロキシ例外設定

Windows serverでGit for Windowsを使っています。特定のリポジトリのアクセスだけプロキシサーバを使う設定にしたいです。 https://qiita.com/emudome/items/2e7942104d66d59fd577 を拝見しましたが、同じようなURLを1つ1つ設定するのは大変なので、 https://*.hoge.com/* のようなワイルカードでの設定はできないのでしょうか？以上よろしくお願いいたします。
アンドロイドスタジオ　Activityとは？

アンドロイドスタジオにおいて「 Activity 」とはどのような意味合いを持つのでしょうか? Activityは活発という意味だと思うのですがアンドロイドスタジオにおいては、よく使うファイルみたいな認識で良いのでしょうか? 参考URL http://qiita.com/m2mtu/items/ac0d61e884519a4c61bb
javascriptでオンラインゲームは作れる？

http://qiita.com/tadfmac/items/e7e0d95b2affcf2438a9 このサイトを見て、javascriptでもチャットが作成できると書いておりました。残念ながらMACとリナックスでしか対応してないようで、windowsでは、作成できないようですが、 MACで作れるなら、別の方法でwindowsでもいけるんじゃね？っと思い質問しました。 javascript&HTML&CSSでオンラインゲームは作成可能でしょうか？可能だったら、チャットでも作成とか作ってみたいな～と思っております。
iniファイルを書き換えないと使いづらいと聞いた

phpを使うためにxamppをインストールしたら、 iniファイルを書き換えないと使いづらいと聞いたのですがどのファイルでしょうか？ http://www.adminweb.jp/xampp/php/index2.html のように、php.iniでしょうか？ http://www.adminweb.jp/xampp/mysql/index4.html のように、my.iniでしょうか？それとも http://qiita.com/guzuri/items/643c1311224e8d482278 のように、どちらもでしょうか？
ヌル攻撃とはなんでしょうか？

インターネットで「ヌル攻撃」というものがありました。引用したサイトから、何らかのリクエストされた文字列に%00(ヌルバイト)を含めることで、Webアプリケーション側のセキュリティーチェックをくぐり抜ける攻撃とありました。ファイルにアクセスする時、「300」と打つ所を間違えて「%00」と入力してしまい、「400 Bad Request」と表示されました。例えばこんな感じで www. 〜.com/file/%00 (誤) www. 〜.com/file/300 (正) これって大丈夫なのでしょうか？不安です。文字化け等は起きていません。引用: https://qiita.com/tabo_purify/items/d7a67709f54865df891e
プログラムと機能にプログラムが表示されない

「コントロールパネル」→「プログラムと機能」という場所がありますそれを開いてみると全部のプログラムではないのですが昔のプログラムの一部がＰＣにはちゃんと　　インストールされているのにもかかわらず表示されなくなりました（主にオンラインゲームなど）それが原因でＰＣにインストールしてあるプログラムがアンインストールできなくて困っています http://gyazo.com/d4bf6da1aaf763d079c71edc3b45534b このように昔は３０個ぐらいのプログラムが「プラグラムと機能」という所に表示されていたのに今は１９個ぐらいしか表示されなくなっていましたちなみに今からインストールしたものは普通に表示されますどうしてこのような現象が起こるのでしょうか・・・原因がしりたいです　win7です
Swiftについて教えてください

PHAssetからNSDataを作りたいと考えています。 PHAssetからUIImageを作り、UIImagePNGRepresentation()などでNSDataにと考えたのですが、 ALAssetからNSDataを作っているサイト（　http://qiita.com/ottati/items/20e93fb18d90d2d585fe　）を参考に、PHAssetから直接NSDataを作れないかと調べたのですが、よく分からず困っています。PHAssetから直接NSDataを作るのでしょうか？作れる場合var rep = asset.defaultRepresentation()の部分について、またvar data = NSData(bytesNoCopy: buffer, length: buffered, freeWhenDone: true)の画像のNSDateの作り方の基本的なことなどを教えてください。
通販サイトのプログラム

ピーシーラップ http://www.pcwrap.com/shop/goods/view/1/2/?statusId=!54 上記のような通販サイトを作成したいです。 (カートの部分はスケルトンカート等のプログラムを使う予定ですので、ソートする部分と商品説明、商品画像の部分のプログラム) このような通販サイト用のプログラムを有料で販売しているサイトはないでしょうか。それとも上記のサイトの様な通販サイトを作成するにはプログラマーに新規に作成を依頼するか、自作するかしかないのでしょうか。このようなプログラムを販売している業者をご存じでしたら教えていただけないでしょうかよろしくおねがいいたします。
cssセレクタ優先度について

https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666 優先度の計算方法はわかっているのですが、以下の場合なぜそうなるかがわかりません。 htmlが <div id="hoge"><div id="poge"><h1>エイチワン（後半略で h1{ font-size:10px}; #hoge > #poge{ font-size:50px} のcssの場合、id ２つある50pxが強そうに見えますが、なぜ要素のみのh1が勝つのでしょうか？
クエリキャッシュ削除について

今、PHPとMySQLとAjaxなどを使って即時反映するのものを作っております。あれこれ調べて試行錯誤しており、これがもしかすると原因じゃないのかとこのサイトを見て思いました。 http://qiita.com/fslasht/items/4e6b6a64e67407f722bb キャッシュが残っていることによってテーブルを更新しても古いままの状態になってしまうこともあるそうです。手続き型？のmysqliでFLUSH TABLESを実行するものを探しておりますが、 PHPで実行するものがなかなか見つかりません。どなたか大変恐縮ですが、ご教示よろしくお願いします。
「可変する」の由来は？

IT系のサイトで、最近たまに「変化する」を「可変する」と書く人を見かけるのですが、これは、何なのでしょう？・若者言葉・特定のコミュニティーで使われる・何かの元ネタがある言葉？？？こう書いている人は、日常会話でも「変化」じゃなくて「可変」と言ってるのか？参考： https://qiita.com/scivola/items/f02589968a4ca27bc52b
RoRでメールのログが出力されない

deviseを利用して認証確認をメールで行うように設定しています。開発環境ではWEBrickを起動しつつ実装を行っているのですが、認証用に送信されるメールがログとしてコンソールに出力されません。 http://qiita.com/k-shogo/items/d85905535a64e82a3b2b 上記サイトだと特に設定をしなくても、ログに出力されているようです。どこかにログの出力を制御する設定項目があるのでしょうか？

CSS　サイト　プログラム

質問者が選んだベストアンサー

関連するQ&A

プログラム　CSS3　アニメーション

プログラム　CSS3　アニメーション

CSS　after before

CSS　座標

win10　ユーザーフォルダ名の変更

VMwareのプロダクトキー

MMDで使用したいモデル(dae.)について

ExcelVBAのクラスについて、解説願います

gitconfigのプロキシ例外設定

アンドロイドスタジオ　Activityとは？

javascriptでオンラインゲームは作れる？

iniファイルを書き換えないと使いづらいと聞いた

ヌル攻撃とはなんでしょうか？

プログラムと機能にプログラムが表示されない

Swiftについて教えてください

通販サイトのプログラム

cssセレクタ優先度について

クエリキャッシュ削除について

「可変する」の由来は？

RoRでメールのログが出力されない

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

CSS サイト プログラム

質問者が選んだベストアンサー

関連するQ&A

プログラム CSS3 アニメーション

プログラム CSS3 アニメーション

CSS after before

CSS 座標

win10 ユーザーフォルダ名の変更

VMwareのプロダクトキー

MMDで使用したいモデル(dae.)について

ExcelVBAのクラスについて、解説願います

gitconfigのプロキシ例外設定

アンドロイドスタジオ Activityとは？

javascriptでオンラインゲームは作れる？

iniファイルを書き換えないと使いづらいと聞いた

ヌル攻撃とはなんでしょうか？

プログラムと機能にプログラムが表示されない

Swiftについて教えてください

通販サイトのプログラム

cssセレクタ優先度について

クエリキャッシュ削除について

「可変する」の由来は？

RoRでメールのログが出力されない

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

CSS　サイト　プログラム

プログラム　CSS3　アニメーション

プログラム　CSS3　アニメーション

CSS　after before

CSS　座標

win10　ユーザーフォルダ名の変更

アンドロイドスタジオ　Activityとは？

カテゴリ
一覧

専門家に質問してみよう
専門家登録