404 Page not found ページが見つかりませんでした。 URLが変わった・ページが消えたのかもしれません。 (たまにバッサリ捨てるので… もしそうだったらごめんなさい) トップページへ戻る
![ページが見つかりませんでした - 404 Page not found | 樂印 - RAKUIN](https://cdn-ak-scissors.b.st-hatena.com/image/square/94f75d4045d13ebbb39075cf0bd4ca3b63891678/height=288;version=1;width=512/https%3A%2F%2Frakuin.com%2Fassets%2Fimg%2Fogpimg.png)
画像無しで三角形を作成するスタイルシートの解説と、それを使って吹き出しや折り返しを作成するチュートリアルを紹介します。 CSS Quick Tip: CSS Arrows and Shapes Without Markup デモページ(当方作成) [ad#ad-2] 下記は各ポイントを意訳したものです。 CSSで三角形を作成する仕組み CSSで作成した三角形を使って吹き出しを作成 CSSで作成した三角形をさらに応用 対応ブラウザ CSSで三角形を作成する仕組み まずは基本となる三角形の作り方です。 三つにStepを分けて、解説します。 デモページ(当方作成) CSS:Step 1 三角形の元となる四角形を作成します。 三角のサイズは「border:10px;」で決まります。高さはそのまま、幅は倍です。 height, widthは仮のものです。 .step1{ height:20px; w
【7-1】CSSのサイズの単位について(em, %, px, rem の使い分け) 最終更新日:2018年03月27日 (初回投稿日:2015年08月22日) CSSのプロパティの値は、ざっと以下の4パターンに分けられます。 サイズを指定するもの( margin: 2em 、border-width: 3px など単位を付けて) 色を指定するもの(background-color: #f2f5ff 、color: red など) キーワードで指定するもの( overflow: hidden 、position: absolute など) 角度、時間、解像度、周波数などを指定するもの(これも単位を付けて使います) 今回はこのうち「1」の サイズを指定する ときの 単位 について。 レイアウトの基本になる いろいろな単位を使い分けよう。 本日のINDEX サイズ指定には 相対値と絶対値がありま
フラットやゴーストといったようにシンプルで一見ボタンと認識しずらい感じのボタンデザインを使う場合、それが少しでもボタンだと分かるように矢印等のアイコンを付けることが多いと思います。 今回はそんな矢印付きボタンを実装する際、ホバー時に矢印にちょっとしたアニメーションエフェクトを実装したサンプルで、いずれも実装にはCSSのみを使用しています。 サンプルの記述内容について CSSで記述している内容はこのサンプルの見た目に関する記述も多いので、矢印の動きのみ抜き出したい場合はボタンとなる要素にposition: relative;を追記し、::before, ::afterで記述している内容や:hoverで記述している部分を使ってもらえれば同じ動きを再現できるかと思います。 また、紹介しているボタンに付いている矢印アイコンは、いずれもCSSのborderを使って実装をしています。 サイトによっては
みなさんこんにちは! Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう?」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します! 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも? Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く