[JS]さまざまな要素にかわいいシャドウをつけるスクリプト、しかも動くよ -Shine
パネルにもシャドウは適用できます。 Shine.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="../dist/shine.min.js"></script> </head> Step 2: HTML テキストや画像、パネルなどの要素は、スクリプトで指定できるようclassなど付与しておくと便利です。 <h1 class="shine-text">テキスト</h1> <img class="shine-image" src="image.png"> <div class=shine-panel">パネル</div> Step 3: JavaScript スクリプトで適用する要素を指定し、シャドウを設定します。 <script type="text/java
成長し成熟するサイバー犯罪の世界、ランド研究所が報告
仏パリ（Paris）西部のムードン（Meudon）で行われたハッキングのコンテスト「ステリア・ハッキング・チャレンジ（Steria Hacking Challenge）」に参加する学生（2013年3月16日撮影、資料写真）。(c)AFP/THOMAS SAMSON 【3月31日 AFP】サイバー犯罪の闇の世界は、個別の悪党らがうろつく世界から、独自の浮き沈みや行動規範、そしてイノベーションとともに、市場を基盤とした機能する経済の世界へと進化している。 米シンクタンクのランド研究所（Rand Corp.）がセキュリティー会社ジュニパーネットワークス（Juniper Networks）の依頼を受けてまとめた報告書によると、「金銭的な動機を持ち、極めて組織化され洗練された集団らの遊び場」になっている、数十億ドル規模の整備された地下経済が存在しているという。 報告書によれば、闇市場は「規模と複雑さ
[CSS]box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える
box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 HTML img要素をdivで包みます。 <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスの四辺にシャドウを適用します。 .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
ドロップシャドウのバリエーションを増やしたい人用、ボックスに美しいさまざまなシャドウを適用した画像素材
昨日の記事でも扱ったシャドウの美しい繊細な画像素材を紹介します。 シャドウも単にボックスの下につけるだけでなく、さまざまなパターンがあります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
