cssだけでアニメのロゴを作る

CSSだけでアニメのロゴを作る 2015/7/11 はるさめ @spring_raining

Upload: springraining

Post on 15-Aug-2015

349 views

Category:

Engineering

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

CSSだけでアニメのロゴを作る2015/7/11 はるさめ @spring_raining

CSSの印象

なんかHTMLの見た目を変えるアレ

• h1 { font-size: 100px; }

• #akaimoji { color: red; }

そんなものではない！！！

画像を使わず

JavaScriptを使わず

SVGを使わず

アニメのロゴを作成します

jsdo.it/spring_raining/f7p7

http://jsdo.it/spring_raining/f7p7

font-family: Futura font-stretch: condensed font-weight: bold letter-spacing: -2px

余談

jsdo.it/norahiko/m1WT

http://jsdo.it/norahiko/m1WT

FL higai pos 0426ロゴありol FL_higai_pos_0426ロゴありol Created Date 7/19/2013 11:18:25 AM

INTERNAL CSS Casey Ames Different types of CSS There are three different types of CSS: ◦ External CSS ◦ Internal CSS ◦ Inline CSS In this presentation

UiPath Connect...LinkedIn へのリンクを追加します。らです。ロゴ（Logos）会社のロゴ（Company Logo ）必須情報自社のロゴの画像をアップロードします。

ビジュアルアイデンティティのガイド...leadership awards 地区名入りロゴ Frutiger 地区名入りロゴ Sentinel ビジュアルアイデンティティのガイド

CSS & eCSStender [CSS Summit 2011]

再改訂版 - Nerima...ANIME ICHIBAN NO MACHI NERIMA 01 ～あのアニメもこのアニメも練馬から～アニメ・イチバンのまち練馬区は「アニメ・イチバンのまち」と

大学ロゴ表紙Title 大学ロゴ表紙 Created Date 8/30/2013 11:02:36 AM

Japanese Animation アニメ

Geek women japanのロゴをhtmlとcssで作る

ロゴにかざせばおもちゃの世界に！ロゴを使った …【ロゴてれび参考資料対象ロゴ】 ※：プラレールのロゴは、「プラレ」の部分に寄ってかざしていただく必要がございます。

KIX AIRPORT LOUNGE-表2017.2.ロゴなしCS4 · Title: KIX AIRPORT LOUNGE-表2017.2.ロゴなしCS4.ai Author: PC-User

ロゴ5 - tokunoumelon.sakura.ne.jptokunoumelon.sakura.ne.jp/.../2019/12/pdf_logo5.pdf · Title: ロゴ5 Created Date: 12/18/2019 1:03:24 PM

Css Página 1 - Max Pezzin · Css Página 2 CSS Sumário Introdução ao CSS ..... 4

Symantec NetBackup for Oracle 管理者ガイド - jpn.nec.com · Symantec、Symantec ロゴ、チェックマークロゴ、NetBackup、Veritas、および Veritas ロゴ ... SFRAC

ハナヤマタ TVアニメ公式サイトE

WEB TOUCH MEETING 46 ウェブとロゴ

はじめてのアニメビジネスからアニメ新ビジネス開発までアニメ … · 基礎4：アニメ商品のつくりかた日本動画協会アニメビジネス関係

七尾市ロゴCIマニュアル¸ƒ尾市ロゴCIマニュアル Created Date 4/5/2012 1:15:39 AM

大学ロゴ表紙大学ロゴ表紙 Created Date 8/30/2013 11:02:36 AM

太宰治生誕110年ロゴ使用ガイドラインGUIDE LINE ロゴ使用者の責任 1.当局は、ロゴ使用者がロゴ使用ルール又はガイドラインに違反して当ロゴを使用していると認めた場合、又は

中国アニメ市場調査...1-3. 中国のアニメ・漫画市場規模(北京・上海) 中国の「動漫」（アニメ・漫画）市場規模北京 2017年北京アニメ・漫画・ゲーム産業の市場規模は627億元、前年比20％増

CSS - prof.Lorenziniproflorenzini.it/materiale/css/CSS-GuidaCompletaBase.pdf · 2 css.....1

AndroidでGIFアニメ 2014.08.06 Kyoto.LT

CSS, CSS Selectors, CSS Box Model

漫画・アニメの実写化（ファンタジー編）

「アニメ･マンガの日本語」を通じた海外の日本語 …「アニメ・マンガの日本語」Webサイトの特徴海外で人気のあるアニメ･マンガ作品の実際の

CSS: Cascading Style Sheets - elite.polito.it · Summary •Introduction •CSS syntax •CSS selectors •CSS cascading •CSS box model •CSS positioning schemes •Page layout

今期の好きなアニメ「アイドルマスターシンデレラガールズ」 #infrapre

[Anitech] ITでアニメを考える、「ShangriLa Meetup5」

Different ways to implement CSS. There are four different ways to use CSS in your web pages: – Inline CSS – Embedded CSS/Internal CSS – Linked CSS/External

CSS-100, CSS-135, CSS-160 CSS-50R CSS-B CSS-HCSS-100, CSS-135, CSS-160 and CSS-270 Pre-cut cable straps ranging from 10” to 27” long with locking head installed. CSS-50R 50 ft

ASSISTA / Active Line のロゴ開発 - Showa Denko

プライマジー FUJITSU Server PRIMERGY RX100 S8€インテル、Intelロゴ、Intel Inside、Intel Insideロゴ、Intel Core、Core Inside、Pentium、Pentium Inside、Xeon、Xeon

CSS HOME « W3Schools Home Next Chapter - Fadel K · CSS Pseudo-element CSS Navigation Bar CSS Image Gallery CSS Image Opacity CSS Image Sprites CSS Media Types CSS Attribute Selectors

CSS comes after HTML By David J. Young. Agenda Web pages created with CSS Web pages created with CSS CSS 101 CSS 101 CSS Concepts CSS Concepts CSS Shortcuts