京都市アート・ビジネス共創拠点「器」×小学館文芸WEBマガジン「STORY BOX」｜赤神諒 短編小説「七分咲き」バナーのためのアート作品募集
公募/コンテスト/コンペ情報なら「Koubo」
京都市アート・ビジネス共創拠点「器」×小学館文芸WEBマガジン「STORY BOX」｜赤神諒 短編小説「七分咲き」バナーのためのアート作品募集
CSS3のtransformで要素を斜めにしたり平行四辺形に画像をトリミング｜大阪・東京のWeb制作会社 | 株式会社クリエイティブ・ウェブ
斜めにした要素を横並びで配置する機会があったので、CSS3のtransform:rotateで斜めにしたり、平行四辺形に画像をトリミングした備忘録です。 まずは、要素を斜めにしてみます。 斜めにするには transform:skew(X軸,Y軸); を使います。 単位は”deg”です。 ■html <div id="slanting01"><a href="#"></a></div> ■CSS #slanting01{ width:30%; height:100px; background:#FF7373; margin:0 auto; text-align:center; transform:skew(15deg,15deg); } DEMO この場合、上下左右が15°の斜めになります。 X軸もY軸も斜めにすると思ってた以上に要素に高さが出ました。 ここからは平行四辺形です。 今回は上下
Top | Sunny.
Sunnyは東京にあるデジタルデザイン、ブランディングファームです。Webサイト制作、アプリデザインを中心に幅広くクリエイティブを提供します。Sunny is a digital design & branding firm based in Tokyo.
西島知宏 - 思いつかない人のコンテンツ思考塾 - オンラインサロンDMM Lounge
1986年生まれ。茨城県出身。大学在学中にフリーライターとして活動を開始。卒業後は株式会社LIGへWeb編集者として入社。オウンドメディアの編集長を経て、現在はノオト所属の記者・編集者として活躍。ウェブはYahoo!ニュース個人／サイボウズ式ブロガーズ・コラム／ジモコロ、紙はプレジデント・書籍の編集協力などで執筆、PAKUTASOのフリー素材モデルとしても活動している。 こんなサロンです デジタルメディア「街角のクリエイティブ」の編集長で、広告クリエイターでもある西島知宏が、ビジネスアイデアを生む公式、ネット上で話題になる企画を生む公式、就活を成功させる公式、恋愛に使える公式など、今まで誰も体系化してこなかった「思考の公式」を、業界のトップランナーとともにクリエイター目線、マーケット目線、PR目線からお教えします。 株式会社BASE クリエイティブディレクター 「街角のクリエイティブ」編集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイターサイト 〜CREATIVE VILLAGE〜
