[コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog
こんにちは。Supership デザイナーのハガです。今回はcssのお話です。 皆さんはcssで、あるデザインを実現しようとした時、あれってどうやるんだっけ？みたいな経験をしたことはありませんか？自分はよくあります。そんな時コピペするだけでokみたいなcssスニペット集があると嬉しいと思い、主に自分のためのメモ的な意味を多分に含みつつご紹介していきたいと思います。（今回紹介しているcss達は主にスマホのためのモダンなブラウザを対象としているため、ieのようなレガシーな感じはごめんなさい。） 10個のcssテクニックコアとなる部分はboldで表現しています。細字の部分はお好きに調整してください。 1.カルーセル<ul class="carousel"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
![[コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/21b346cfad597981c91042909ace96f1a78b32c2/height=288;version=1;width=512/https%3A%2F%2Fd2v9k5u4v94ulw.cloudfront.net%2Fsmall_light%28dw%3D1200%2Cdh%3D630%2Cda%3Ds%2Cds%3Ds%2Ccw%3D1200%2Cch%3D630%2Ccc%3DFFFFFF%29%2Fassets%2Fimages%2F1468299%2Foriginal%2F334f34df-ae68-4ffe-a408-12dd1d5f21fb.png%3F1490245478)
Mac の画像アプリケーション「プレビュー」で PNG 形式の透過画像を作る - Macにスイッチしました
▲ 背景が透過の画像の例。 macOS の標準機能である「プレビュー」は、今では単なる画像プレビューソフトを通り越して、かなりの画像編集機能を持つ高機能ソフトになっています。 今回は、プレビューで透過型画像を作る方法をご紹介させていただきます。 Sponsored link 透過型画像はPNG形式で 透過型画像は PNG という形式で作成します。 他の形式の画像を PNG 形式の画像に変換するには「ファイル ＞ 書き出す」から、フォーマットを PNG で指定します。 背景を透過させた写真を作る方法としては、 範囲を選択してその部分を除去すると、そこが透過になる と理解していただいていいと思います。 手順 ・透過にしたい画像をプレビューで開き、「ツール ＞ カラーを調整」を選択。 ・カラーツールバーが表示されます。左から二つ目に「カラーを抽出」ボタンがあります。それをクリックします。 そして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
