タグ

ブックマーク / itstudio.co (2)

  • スターツールがクモヒトデみたいになった場合の対処法〜Illustrator | IT工房|AI入門とWeb開発

    スターツールには第1半径と第2半径の2つの半径が存在します。 第1半径が星の中心から尖った先までの長さで、第2半径が中心から内側にくびれたところまでの長さです。 command(ctrl)キーを押しながらドラッグすると第2半径が固定されて第1半径だけが伸び縮みします。 そのため、いきなりcommand(ctrl)キーを押しながらドラッグすると、第1半径が極小のままで第1半径だけが伸びて、まるでクモヒトデのような形になります。 こうなるとやっかいなのは、もとの状態になかなか戻りません。 対処法は意外と簡単で、command(ctrl)キーとoption(alt)キーを同時に押しながら星を描くと元の状態にもどります。 altキーだけを押しながら星を描くと、第2半径を第1半径の38.3%に固定しながら星が描かれます。 これはスマートな星形を描くことができます。 スマートな星形 ズングリムックリの

    スターツールがクモヒトデみたいになった場合の対処法〜Illustrator | IT工房|AI入門とWeb開発
  • マウスホバーで画像を入れ替える〜jQuery | IT工房|AI入門とWeb開発

    マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。 CSS3でクロスフェードさせるサンプル jQueryでimgタグの画像をクロスフェードさせる(成功例) jQueryでCSSのbackground-mageをクロスフェードさせる(完成形) CSSを使用した例 hover疑似クラス マウスホバーはCSSでの設定が簡単です。 CSSでは:hover擬似クラスを使用します。この疑似クラスはa要素以外にも使用できます。 また、a要素に適用させる場合には、順番が大事です。 LVHA の順 です :link — :visited — :hover — :active LOVE HEARTで覚えるとよいらしいです。(笑) hover擬似クラスのサンプル HTML <div class="myimg"></div> CSS

    マウスホバーで画像を入れ替える〜jQuery | IT工房|AI入門とWeb開発
    f503kk
    f503kk 2018/01/03
  • 1