使い方やTips

Pixelmatorで背景画像に使えるノイズテクスチャの作成方法

背景画像にノイズテクスチャを使ってみようと色々素材を探していましたが、思ったカラーが無く、どうせなら作ってしまえと試行錯誤して作成しました。
Pixelmatorを使って、背景に使えるノイズテクスチャの作成方法のご紹介です。

right-float-menu

Pixelmatorで紙が浮いたような効果を付ける方法

いろいろなサイトでよく見かける、紙の端が少し浮いたエフェクトを使ってみたいと思い、Pixelmatorのチュートリアルを探しましたが見つからなかったので、試行錯誤しながら作ってみました。
Pixelmatorを使用して、紙が浮いたような効果を付ける方法のご紹介です。

text-selection-top

【CSS】テキストを選択したときの初期色を変える方法

自分のサイトで、「テキストを選択したときの色を変えたいなぁ」と思われたことはありませんか?
CSSを使って、選択したときの初期色を変える方法です。

linear

画像を使用せずにCSSで両端が消えていくラインを引く方法!

「できれば画像を使用せずに、両端が消えていくようなラインを引きたいな」と思われたことはありませんか?
CSS3を使用して、両端が消えていくラインを引く方法をご紹介します。

css3

transitionプロパティを使用したアニメーションサンプル

先日に引き続き、CSS3のtransition関連の話題を…
検索欄のアニメーションだけでなく、様々なアニメーションを使用してみたいと思いませんか?

css3

サンプルでわかるtransition-timing-function変化の違い

先日、覚えましたCSS3のtransitionプロパティ。
まだ、試していなかった、transition-timing-functionの変化の違いをサンプルとともに備忘録として残してみました。

transition

CSS3を使って検索欄カスタマイズ

お使いのサイト検索欄に一手間加えて、クリック一つで幅を変えたり、色を変えたりしてみませんか?
CSS3のTransitionプロパティを使って検索欄カスタマイズする方法をご紹介します。

oixelmator-crayonline

7分で出来る!Pixelmatorで手書きクレヨン調のラインの作り方

フリーのアイコンやライン等が数多く配布されていますが、サイトを作っていて、たまに自分の欲しい物がないことって、たまにありませんか?
今回、クレヨン調のブラシかラインを探していたのですが、思う物がありませんでしたので作ってみました。

Copyright© きになるnet , 2019 All Rights Reserved.