タグ

CSS3とDropshadowに関するkeijixのブックマーク (3)

  • CSS3 drop shadow

    Until a while ago, web developers were forced to learn Photoshop or count with a trustful graphic designer to help them with things like shadows, gradients and stuff, this because there was no method to create these elements directly on CSS. Then the world saw the release of CSS3 with its fantastic features, which included of course making shadows. On this post we have gathered a big list with som

  • ppBlog official

    こんばんは、martinです。久しぶりの更新です。寒い日が続きなかなか暖かくなりませんが、春はすぐそこだと思います。今は横浜に住んでいますが、余震はここ1-2日はちょっと落ち着いてきた感じがします(油断は出来ませんが)。原発問題がはやく解決されること、そして被災地の一日でも早い復興をお祈りしつつ。 さてマイナーアップデートです。フォーラムの方で、記事の更新にやたらと時間がかかるというご報告があり、調べてみると、カテゴリー数が多いとその傾向が顕著になることが判明しました。記事投稿時の処理でカテゴリー毎の記事数を更新するというのがあるのですが、その処理がボトルネックになっていました。これを解決するために、category_id.ini.phpという定義ファイルを新たにownerディレクトリに作成するようにして、そこからカテゴリー別の記事情報を取得するようにしました。 utils_admin.p

  • CSS3 のドロップシャドウと角丸でつまづきそうなところ - 走り出したwebクリエイターblog

    CSS3はとても便利なプロパティが満載ですが、まだまだ使い慣れていないため、へんなところでつまづいてしまいます。実際に作っていてドロップシャドウと角丸でハマってしまったところをメモ。 CSS3のドロップシャドウ -moz-box-shadow:0 0 3px #cccccc; -webkit-box-shadow:0 0 3px #cccccc; プロパティの内容は以下の通りです。 box-shadow: [横方向のオフセット] [縦方向のオフセット] [ぼかしの半径] [影の色] 上の例では3pxのシャドウ(#cccccc)がグローエフェクトのようにボックスの周りを囲みます。このときボックスレイアウトは左右に3px広がったと解釈されるようです。 つまりシャドウを指定しているボックスが300pxで指定されていれば306pxでレンダリングされるようです。センタリングされているコンテンツエリア

    CSS3 のドロップシャドウと角丸でつまづきそうなところ - 走り出したwebクリエイターblog
  • 1