CSSのみで実装するキャプションエフェクト 20 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント
saihane.info
saihane.info 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
★Photo Effects and Photo Editing with One Click - BeFunky.com
Photo Editing and Graphic Design Made for EveryoneBeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages. Your All-In-One Creative SolutionWatch BeFunky in action to see how it makes your photo editing, collage making, and graphic design workflow seamless. Most Popular FeaturesBeFunky has an amazing collection of
70 Beauty-Retouching Photoshop Tutorials | Tutorials | Smashing Magazine
Beauty retouching is probably one of the most popular application areas in which Adobe Photoshop is used extensively. There are two simple reasons for that. First, Photoshop offers a variety of advanced tools to smooth out skin and hair, optimize body proportions and emphasize some beautiful details. And second, if you have some experience with Photoshop it is easy to learn the basics and quickly
パノラマ写真をつくる
〔このチュートリアルは、Rob Park 氏による "Create a Panorama" を日本語に訳出したものです。オープンソースソフトを使い、複数の写真をくっつけ合わせてパノラマ写真をつくる方法を 解説しています。〕 準備 パノラマ写真をつくる第一歩は、その元になる写真を撮ることです。 Manfrotto 社によるガイド "guide to making panoramas" を読むと良いでしょう。Manfrotto 社は、三脚メーカーで、パノラマ撮影を 補助するパノラマ雲台を販売しています。確かに、パノラマ雲台は便利ですが、 絶対に必要と言う訳ではありません。 近いところを撮影しようとするのでなけば、機材は重要ではありません。 明るい日の山頂なんかだと、パノラマ雲台どころか、 三脚も必要ないかもしれません。逆に、物でいっぱいの地下倉庫なんてもののパノラマを 撮ろうとすると、機材無し
オンラインでPhotoshop級の画像加工ができる「nexImage」 - GIGAZINE
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これは安心。 編集するためにアップロードした画像は最後に自分のパソコンへダウンロードして保存可能。ファイル形式も幅広く、JPEG・GIF・PNG・BMP・TIF・PICT・PCX・TGA・PCD形式で保存できます。JPEGは圧縮率の指定が可能で、GIFは色数指定やディザリングの指定もできます。 というわけで、実際にデジカメで撮影した画像で「nexImage」を使ってみました。 nexImage :: The ultimate online ima
[N] Photoshopで写真を○○するテクニック
ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック
![[N] Photoshopで写真を○○するテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/fea7bf66e89ead81ce431e725aee343620b6e4fa/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2006%2F10%2Fimages_tutorials_warhol_warhol01-1.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://demo.neximage.com/?_sessid=987de23d10e4a9b90ac73e95f50ccf6c&_command=setSkin&_value=default