CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

RSS
  • 受付中

    回答
    1

    SVGで描画した円をhoverで拡大したい

    やりたいこと circleをhoverしたとき、円の位置はそのままで拡大したいのですがどう記述したらよろしいでしょうか。 発生している問題 hoverすると斜め右下で円がぶれて拡大されます。 問題のソースコード SVGで描画した円にクラスを付け、そのクラスに transform: scale(2); を指定しています。 <!DOCTYPE ht

    • 0評価
    • 321PV
    a_a a_a 22時間前に コメント
  • 受付中

    回答
    2

    flexboxでorderプロパティの使い方。

    前提・実現したいこと 趣味ですが、Flexboxを使って簡単な構造のサイト構築をしています。 様々なことを調べていてorderというものを発見しました。 https://dekiru.net/article/13236/ これを使うと順番を入れ替えられるそうですが、HTMLを書くかえるのではダメなのですか? 個人的には書き換えるのよりCSSで指定するの

    • 0評価
    • 43PV
    s8_chu s8_chu 1日前に コメント
  • 解決済

    回答
    1

    Swiperのスライダーについて

    https://select-web.jp/ 上記ページの下のほうにSwiperを用いてスライダーのコンテンツがあるのですが、 CMSに挿入すると崩れてしまいます。 「Case study」のところはCMSのところに挿入していないので崩れていませんが、 「Blog」のところは崩れてしまい、フッターより下で表示されていて挙動もおかしくなってしまいます。

    • 0評価
    • 25PV
    mje-creative mje-creative 1日前に 回答
  • 解決済

    回答
    1

    OnsenUI tabberの引継ぎ

    前提・実現したいこと <ons-tabbar>を使用してタブを遷移させているのですが、その中のボタンから.pushPageで遷移した際に<ons-tabbar>もそのまま引き継ぎたいのですがやり方がわかりません。 http://www.sky-limit-future.com/entry/2017/08/26/011314 上記のURLの方法で引き継げます

    • 0評価
    • 342PV
    Daiki1108 Daiki1108 1日前に コメント
  • 解決済

    回答
    1

    <figure>タグから<figcaption>までをハイパーリンクにしたい

    前提・実現したいこと 初歩的で恐縮ですが、重複の質問等も調べたところなかったため フロント側で解決できなかった問題について質問させていただきます。 <figure>と<figcaption>全てをaタグで囲ってハイパーリンクとなるようにしたいと思います。 divの場合は、調べたところ divのpositionをrelativeにしてa要素をabso

    • 0評価
    • 338PV
    mmmmmi_a mmmmmi_a 1日前に 回答
  • 解決済

    回答
    1

    お問い合わせフォームのエラー時の位置につきまして

    https://select-web.jp/check/ ■ 前提・実現したいこと フォームでエラーが出た際、ページトップに戻らずフォームに戻りたい 上記ページの下のほうに「無料WEB診断フォーム」があるかと思いますが、 「確認する」ボタンをクリックしてもしエラーが出たら 1番上に戻ってしまいます。。。 エラーが出てもスクロール位置をフォームから

    • 0評価
    • 40PV
    kszk311 kszk311 2日前に コメント
  • 解決済

    回答
    1

    ワードプレス、get_header/footerで読み込まれない

    前提・実現したいこと HTML/CSS/JS/Wordpressの学習を初めて二ヶ月の初心者です。 自作イラストを載せるポートフォリオサイトの制作を行っており、現在HTML/CSS/JSでのコーディングが終わり、MAMPとBracketを使ってWordPressへの組み込みを行なっています。 発生している問題・エラーメッセージ headerを切り

    • 0評価
    • 348PV
    YU14 YU14 2日前に ベストアンサー
  • 解決済

    回答
    1

    slick.jsで左右に画像を表示し左右で見える画像幅を変えたい

    こちらで同じ質問があり解決されているのですが、解決された方法ではうまく表示しませんでした。 (https://teratail.com/questions/114510 「slick.jsの左右画像が見えるスライダーで左右で見える画像幅を変えたい」) 【左右に見えている画像幅が同じ設定】 <div class="FFF"> <div><a href="#

    • 0評価
    • 84PV
    kagaminoB kagaminoB 2日前に コメント
  • 解決済

    回答
    1

    レスポンシブのハンバーガーメニューを作成したい

    jQuery初心者です。 サンプルを見ながらレスポンシブのハンバーガーメニューを作成しようと練習しているのですが、 モバイル時にハンバーガーメニューを開閉後、768px以上の画面で見ると (例えばタブレットを縦→横にしたときの表示)PC用のメニューが非表示になってしまいます。 ブラウザの「更新」ボタンを押すと、PC用のメニューが表示されるのですが、 どう

    • 0評価
    • 63PV
    osarusam osarusam 2日前に ベストアンサー
  • 解決済

    回答
    1

    Monaca width(幅)がOSによって異なって表示される

    前提・実現したいこと 現在Monacaという開発環境で開発しており、toolbarの部分をいじっているのですが、普通htmlだとCSSでパーセント表記をするとipadのようなサイズでもandroidやiphoneのような端末でも同じサイズの空白をとれると思うのですが、デバイスによってパーセント表記であっても表示のされ方が大幅に異なって表示されてしまいます。

    • 0評価
    • 54PV
    yoshinavi yoshinavi 3日前に コメント
  • 受付中

    回答
    1

    フロントエンド【めんどうな実機検証】皆さんはどうしてますか?

    弊社では テスターがおらず、開発者(フロントエンドエンジニア)が実機検証をすることになっています。 PC mac win 主要ブラウザ全確認 SP iphone複数台OS別 android ipad 上記での確認がマストのため、検証に時間を食われている状況です(色々あり検証にシビアになっています)。 皆様は実機検証はどうされてますか? 例えば共通

    • 0評価
    • 84PV
    KazuhiroHatano KazuhiroHatano 4日前に コメント
  • 解決済

    回答
    1

    Swiperで3つのコンテンツを表示し、前後の画像を表示させないやり方について

    前提・実現したいこと https://gyazo.com/b16abf6638a1b4fa691123c1860381c7 ・上記キャプチャを実現したい 発生している問題・エラーメッセージ https://gyazo.com/1238dfd8d1ac52b06a10a4b257aa9953 ・上記キャプチャのように端のものが中途半端に出てしま

    • 0評価
    • 29PV
    mje-creative mje-creative 4日前に 回答
  • 解決済

    回答
    1

    edge animateで作成したファイルを任意の場所でスタートさせるには

    前提・実現したいこと adobe edge animateで作成したアニメーションのバナーをfooterの位置などに来た時にアニメーションスタートするように設定したいのですがどのようにすればいいでしょうか。 発生している問題・エラーメッセージ エラーメッセージ 該当のソースコード ここにご自身が実行したソースコードを書いてください 試したこと

    • 0評価
    • 585PV
    kim_owl kim_owl 4日前に 回答
  • 解決済

    回答
    3

    【CSS】height:autoって指定する意味ありますか??

    ふと疑問に思ったのですが、CSSの「height:auto」は必要あるのでしょうか? 高さを成り行きにするのであれば、heightを指定しなければ良いのではないかと思うのですが、いかがでしょうか? 不躾な質問で恐縮ですが、回答お待ちしております。

    • 0評価
    • 79PV
    nepie nepie 5日前に ベストアンサー
  • 解決済

    回答
    2

    自分のウェブサイト上でyotubeを再生しようとするとエラーになる。

    下記は、youtubeの自分のチャンネルの最新動画を表示させるソースです。 これをサーバにアップするとなぜかウェブサイト上にPHPの一部が表示されて、動画が再生できず。 エラーが発生しましたと動画に表示されてしまいます。 解決策をアドバイス頂けると幸いです。 参考にしたサイト:https://sakic.jp/blog/web/latest-yout

    • 0評価
    • 111PV
    mts10806 mts10806 5日前に コメント
  • 解決済

    回答
    2

    CSS:ボタン要素のoutlineを、キーボード操作時にのみ表示する方法

    <button>のoutlineがうざい <button>をクリックしたときに出てくるoutlineがうざいです。 タッチやクリック時の動作の際には単純に消せばよいだけなのですが、例えばキーボードのtabやshiftで操作している時などは、逆にoutlineがないと要素にフォーカスされていることがわかりづらく、どうすればよいのか考えています。 例え

    • 0評価
    • 333PV
    Statham Statham 5日前に コメント
  • 解決済

    回答
    1

    jQueryプラグイン「slick」実装、ループ時(2周目へのスライド時)のカクツキを無くしたい

    現在WordPressにて、サイトを制作しております。 その際に、slick.jsを使用しスライダーにて画像とテキストボックスがを囲った<div>要素を3枚スライドさせております。 slickでのオプションでcentermodeを指定し真ん中のアクティブスライドには、色味を出し、サイドのチラ見要素にはグレースケールと要素サイズを小さくするようにしており、

    • 0評価
    • 67PV
    simesava simesava 1週間前に コメント
  • 解決済

    回答
    2

    神経衰弱をjQueryで作成したが、エラー修正方法がわからない。

    前提・実現したいこと ここに質問の内容を詳しく書いてください。 jQueryを使用して神経衰弱を作成しています。 動作の流れとしては以下の通りです。 ① 16枚のカードの中から「?」と書かれたものをひとつクリック ② そのカードに書かれている「?」が「1」などの数字に変わる ③ もうひとつ「?」と書かれたものをクリックする ④ その要素に書かれている「

    • -1評価
    • 420PV
    bloock bloock 1週間前に ベストアンサー
  • 受付中

    回答
    0

    Sassで#{}を使うとCSS-combでエラーが出る

    前提・実現したいこと Sassでcalcの()内で変数を使いたいときに、 そのままでは使用できないので#{}を使うと Sassは問題なくコンパイルされるのですが、 gulp-css-combを使用するとエラーが出てしまいます。 何か解決方法はないのでしょうか? 詳しい方教えていただけると助かります。 発生している問題 @function calc-s

    • 0評価
    • 52PV
    kihara kihara 1週間前に 質問を編集
  • 解決済

    回答
    3

    [CSS]親要素に対する文字サイズ

    CSSで、親要素に対して何%という指定はできないのでしょうか? <body> <div> <p>あ</p> </div> </body> div{ width:100vw; height:500px; } p{ /*ここで「あ」の文字を画面親要素divのちょうど半分(つまり250px)に指定したい*/ } (いろいろ省略してます)

    • 0評価
    • 76PV
    think49 think49 1週間前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5923

  • 総質問数

    1752

  • 今週の質問数

    14

関連するタグ

CSS3タグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る