CSS3

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

RSS

  • 受付中

    回答
    3

    アニメーションのタイミングをコントロール/ループ

    css3アニメーションのタイミング css3でアニメーションをつけることは出来た。 が、その先。 別々に記述したアニメーションの発火のタイミングをコントロールしたい。 下記のものをさらに改良したい。 改良したい点は以下の2つ。 (1)1つのアニメーションが終わったら、別のアニメーションを動かしたい。 (2)一連のアニメーションをループさせた

    • 0評価
    • 38PV
    5656redPepper 5656redPepper 1日前
  • 解決済

    回答
    2

    サイドバーの縦並びのliについて

    サイドバーに縦並びのliを入れたいのですがうまくいきません。 <aside> <h3>about us</h3> <div class="about"> <ul> <li><a href="#">home<br> <span>家</span></a></li>

    • 0評価
    • 61PV
    o-ban o-ban 12時間前
  • 解決済

    回答
    2

    OnsenUIのpageの背景を画像にしたい

    前提・実現したいこと OnsenUIを使用してMonacaでアプリを開発しています。 ons-tabbar-itemでページを分けているのですが、navigator.html(最初に表示されるページ)だけ背景を画像にしたいのですが、やり方が分かりません。 試したこと onsen-css-components.cssに下のソースコードのように実装し

    • 0評価
    • 31PV
    tera_infinity tera_infinity 10時間前
  • 受付中

    回答
    0

    メニューバーのプラグインについて

    前提・実現したいこと NIKEiD 上記リンク先(リンク先から「カスタマイズ」で遷移できます)のようなサイドバーを簡単に実装できるプラグインとしておすすめのものを教えていただきたいです。 (サイドバー内にメニューが表示されていて、ボタンをクリックすると更にそれに対応したサイドバーが出現するというような動きが理想です) 試したこと スマートフォン

    • -1評価
    • 9PV
    kerokero335 kerokero335 2時間前
  • 解決済

    回答
    2

    画像の上に文字を置き、中央揃えにしたい

    前提・実現したいこと レスポンシブ対応で画像の上に文字を表示させ、文字を中央揃えにしたい 該当のソースコード <section class="conA"> <div class="container"> <ul> <li> <p>Menu</p> <a href=""><img src="img/menu-bnr.jpg" al

    • 0評価
    • 59PV
    2ico1chi 2ico1chi 3日前
  • 受付中

    回答
    1

    横にborderを引きたい

    <div class="container-fluid"> <div class="row"> <div class="col-sm-9"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>

    • 0評価
    • 316PV
    tidavest tidavest 3日前
  • 解決済

    回答
    1

    marginを指定できない

    <!Doctype html> <head><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" ty

    • 0評価
    • 347PV
    tidavest tidavest 4日前
  • 解決済

    回答
    1

    imgで画像のサイズが変わらない

    <!Doctype html> <head><https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css> <link href="/css/style.css" rel="stylesheet" type="text/css" media

    • 0評価
    • 326PV
    tidavest tidavest 4日前
  • 解決済

    回答
    2

    スクロールさせないWebページの作り方

    前提・実現したいこと 全てのコンテンツを画面サイズ内に収め、画面の横・縦スクロールをすることなくユーザに使用してもらえるようなWebページを考えています。 例としては下記のようなサイトです。 NIKEiD (ナイキの靴をカスタマイズするWebページです) 上記サイトはブラウザの横・縦幅を変更してもそれに合わせてコンテンツが画面サイズに合うよ

    • 0評価
    • 75PV
    kerokero335 kerokero335 5日前
  • 解決済

    回答
    2

    jqueryでスマホのときだけタグを追加したい

    やりたいこと <table> <tr> <th class="test">タイトル01</th> <td>内容01</td> </tr> <tr> <th class="test">タイトル02</th> <td>内容02</td> </tr> </table> このようなhtmlを、スマホのときは下記のよう

    • 0評価
    • 38PV
    korokorota korokorota 5日前
  • 解決済

    回答
    2

    親要素に設定したdisplayプロパティは子要素や孫要素に受け継がれるのでしょうか?

    親要素に設定したcolorプロパティ等は子要素や孫要素に受け継がれると思うのですが、親要素に設定したdisplayプロパティは子要素や孫要素に受け継がれるのでしょうか? 私は受け継がれると思っていたのですが、受け継がれないような気がしてきまして・・・

    • 0評価
    • 340PV
    tanakashouzoux tanakashouzoux 6日前
  • 受付中

    回答
    2

    HPのヘッダー画像の余白

    前提・実現したいこと HTMLとCSSを使いフルスクラッチでwebサイトを制作しています。そこで、ヘッダー画像を設定しようとしたのですがうまくいきません。 発生している問題・エラーメッセージ 何もしない状態でウィンドウの大きさを変えても横幅一杯にヘッダー画像が表示されるのですが、スクロールすると白い空白に移動してしまいます。 ①通常時

    • 0評価
    • 82PV
    PYPP PYPP 5日前
  • 解決済

    回答
    1

    webアプリモードについて

    前提・実現したいこと スマートフォン用のwebページを制作しているのですが、webアプリの様な見せ方が出来ないか 教えて頂ければ幸いです。 (GoogleMapAPIを使用しているページなので上下のバーが邪魔なので…) 発生している問題・エラーメッセージ iosのwebアプリモードを使用する場合は、対象となるURLに遷移した後にホーム画面に追加

    • 0評価
    • 432PV
    TaharaKazuki TaharaKazuki 7ヶ月前
  • 受付中

    回答
    1

    animate.cssでのアニメーション制御につきまして

    前提・実現したいこと 規定位置から画像がぴょこぴょこ出るようなアニメーションをつくりたく・・・ 発生している問題・エラーメッセージ 箱からウサギが飛び出しては戻る、といったようなアニメーションをHPに使いたく、javaの知識が乏しい為、relativeボックスに箱画像、absoluteボックスにウサギという設定で「animete.css」のスライド

    • 0評価
    • 83PV
    suzuk_i suzuk_i 3週間前
  • 受付中

    回答
    2

    jqueryのajax関数を使ってcsvの読み込み

    今現在csvを読み込み、一括で出力する所までは成功したのですが、 このcsvデータをセレクトメニューの項目ごとに、出力するにはどのようにすればよいでしょうか。 例えばサッカーという項目を選択したならcsvの2行目の「100」と「2」というデータが、 「人数:」と「順位:」の:の横に表示されるという具合です。 項目を選択するごとにcsvのデータに沿

    • 0評価
    • 56PV
    owl owl 1週間前
  • 解決済

    回答
    3

    HTML作成で、floatが上手くいきません。

    前提・実現したいこと HTML/CSS初心者です。 簡単なインターフェイスを作ろうとしているのですが、アイコンを並べようと思ったときに、floatが上手くいきません。どのように記述すれば右側のアイコンを右にfloatさせることができるでしょうか? 発生している問題・エラーメッセージ ](dbb7cc10921683d99eb6e8bc13acb9

    • 0評価
    • 53PV
    hct_03 hct_03 1週間前
  • 受付中

    回答
    1

    CSSのSTEPSを使ったアニメーション

    CSSのSTEPSを使ったアニメーション CSSのSTEPSを使ったアニメーションの実装時に使う、スプライト画像の制作にはどんなツールを使っていますか。 PSとかで地道に手動でコマワリにしてますか?

    • 0評価
    • 67PV
    sawamura-koki sawamura-koki 3週間前
  • 受付中

    回答
    3

    backgroundの大きさがスマホ上でバラバラになります

    前提・実現したいこと 背景(background)の大きさがバラバラ chromeデベロッパーツール上ではPC/スマホでの見え方は完成していて、何も問題はありません。 しかし、いざサーバーにアップすると、PCは問題ないのですが、スマホ上では背景の見え方がページによってはバラバラになります。 具体的には拡大されているように見えます、しかもページによ

    • 0評価
    • 368PV
    akamarukun akamarukun 3週間前
  • 受付中

    回答
    3

    コーディング速度改善方法について

    前提・実現したいこと 最近、新規ページのコーディングを行う機会が増えてきており、制作時間をもっと短縮したいと考えています。 例えば、 ・Emmetを使用する ・◯◯のツール・ソフトを使用する ・自分専用のモジュール一覧を作成しておき、そこからソースコードをコピペする ・画像の書き出し方法を◯◯のように改善する 等が挙げられると思いま

    • 1評価
    • 140PV
    aki0923f aki0923f 1週間前
  • 受付中

    回答
    4

    line-heightの1行目の上余白だけ消したい

    前提・実現したいこと line-heightで発生する1行目の上の余白だけ消したいです。 調べても出てこなかったです。。 すみませんがご回答頂けますと幸いです。 使用する状況は、アイコンの横に文章が並ぶレイアウトで ・文言が1行で終わる時はアイコンに対して縦中央そろえ(vertical-align: middle) ・文言が2行以上の

    • 0評価
    • 108PV
    takamiii_158cm takamiii_158cm 1週間前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4435

  • 総質問数

    944

  • 今週の質問数

    12

関連するタグ

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