Submit Search
Upload
CSS Nite LP25(Shift 6)『ツールと制作環境、電子書籍2012-2013』(鷹野 雅弘)
•
5 likes
•
1,713 views
swwwitch inc.
Follow
http://cssnite.jp/archives/post_2476.html
Read less
Read more
Technology
Report
Share
Report
Share
1 of 91
Download now
Download to read offline
Recommended
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
swwwitch inc.
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
swwwitch inc.
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
swwwitch inc.
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4)
swwwitch inc.
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
swwwitch inc.
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
swwwitch inc.
ベジェ再入門
ベジェ再入門
swwwitch inc.
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
swwwitch inc.
Recommended
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
swwwitch inc.
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
swwwitch inc.
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
swwwitch inc.
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4)
swwwitch inc.
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
swwwitch inc.
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
swwwitch inc.
ベジェ再入門
ベジェ再入門
swwwitch inc.
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
swwwitch inc.
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
Illustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
swwwitch inc.
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
swwwitch inc.
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
swwwitch inc.
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
swwwitch inc.
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
hamko ig
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
swwwitch inc.
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
swwwitch inc.
FICC MARKETING BASICS
FICC MARKETING BASICS
FICC inc.
Infographic: Adobe State of Create 2016 Study
Infographic: Adobe State of Create 2016 Study
Adobe
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
Widthの発音について
Widthの発音について
swwwitch inc.
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
FIDO Alliance
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
IES VE
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
Lorenzo Miniero
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
FIDO Alliance
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
jbellis
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
DianaGray10
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
FIDO Alliance
More Related Content
Viewers also liked
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
Illustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
swwwitch inc.
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
swwwitch inc.
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
swwwitch inc.
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
swwwitch inc.
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
hamko ig
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
swwwitch inc.
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
swwwitch inc.
FICC MARKETING BASICS
FICC MARKETING BASICS
FICC inc.
Infographic: Adobe State of Create 2016 Study
Infographic: Adobe State of Create 2016 Study
Adobe
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
Widthの発音について
Widthの発音について
swwwitch inc.
Viewers also liked
(14)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
Illustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
FICC MARKETING BASICS
FICC MARKETING BASICS
Infographic: Adobe State of Create 2016 Study
Infographic: Adobe State of Create 2016 Study
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Widthの発音について
Widthの発音について
Recently uploaded
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
FIDO Alliance
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
IES VE
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
Lorenzo Miniero
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
FIDO Alliance
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
jbellis
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
DianaGray10
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
FIDO Alliance
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
Srushith Repakula
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
ScyllaDB
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
Hiroshi SHIBATA
2024 May Patch Tuesday
2024 May Patch Tuesday
Ivanti
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Paige Cruz
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
Safe Software
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
Muhammad Subhan
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
FIDO Alliance
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
Memoori
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
Pixlogix Infotech
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
FIDO Alliance
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
FIDO Alliance
Recently uploaded
(20)
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
2024 May Patch Tuesday
2024 May Patch Tuesday
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
CSS Nite LP25(Shift 6)『ツールと制作環境、電子書籍2012-2013』(鷹野 雅弘)
1.
鷹野雅弘(スイッチ)
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
/* Firefox v3.6+
*/ background-image:-moz-linear-gradient(50% 0% -90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* safari v4.0+ and by Chrome v3.0+ */ background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(195,228,234)),color-stop(0.99, rgb(79,175,196))); /* Chrome v10.0+ and by safari nightly build*/ background-image:-webkit-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* Opera v11.10+ */ background-image:-o-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* IE v10+ */ background-image:-ms-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); background-image:linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); width:287px; height:99px; border-color:rgb(74,180,200); border-width:1px; /* Firefox v1.0+ */ -moz-border-radius:11px; /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-border-radius:11px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */ border-radius:11px; border-style:solid; /* Firefox v3.5+ */ -moz-box-shadow:inset 1px 1px 2px rgb(255,255,255); /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-box-shadow:inset 1px 1px 2px rgb(255,255,255); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */ box-shadow:inset 1px 1px 2px rgb(255,255,255); -ms- filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc3e4ea,endColorstr=#ff4 fafc4,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc3e4ea,endColorstr=#ff4f afc4,GradientType=0);
14.
15.
16.
17.
18.
19.
background: #4fafc4; !
background-image: url(data:image/svg +xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9 IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBp ZD0iZzIyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIx MDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzNlNGVhIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNGZhZmM0 IiBvZmZzZXQ9IjAuOTkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9 IjEiIGZpbGw9InVybCgjZzIyOSkiIC8+PC9zdmc+); ! background: -moz-linear-gradient(50% 0% -90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -o-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #c3e4ea), color- stop(0.99, #4fafc4)); ! background: -webkit-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: linear-gradient(180deg, #c3e4ea 0%, #4fafc4 99%); ! border: 1px solid #4ab4c8; ! -webkit-border-radius: 11px; ! border-radius: 11px; ! -webkit-box-shadow: inset 1px 1px 2px #fff; ! box-shadow: inset 1px 1px 2px #fff;
20.
/* Firefox v3.6+
*/ background-image:-moz-linear-gradient(50% 0% -90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* safari v4.0+ and by Chrome v3.0+ */ background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(195,228,234)),color-stop(0.99, rgb(79,175,196))); /* Chrome v10.0+ and by safari nightly build*/ background-image:-webkit-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* Opera v11.10+ */ background-image:-o-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); /* IE v10+ */ background-image:-ms-linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); background-image:linear-gradient(-90deg,rgb(195,228,234) 0%,rgb(79,175,196) 99%); width:287px; height:99px; border-color:rgb(74,180,200); border-width:1px; /* Firefox v1.0+ */ -moz-border-radius:11px; /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-border-radius:11px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */ border-radius:11px; border-style:solid; /* Firefox v3.5+ */ -moz-box-shadow:inset 1px 1px 2px rgb(255,255,255); /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-box-shadow:inset 1px 1px 2px rgb(255,255,255); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */ box-shadow:inset 1px 1px 2px rgb(255,255,255); -ms- filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc3e4ea,endColorstr=#ff4 fafc4,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc3e4ea,endColorstr=#ff4f afc4,GradientType=0);
21.
background: #4fafc4; !
background-image: url(data:image/svg +xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9 IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBp ZD0iZzIyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIx MDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzNlNGVhIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNGZhZmM0 IiBvZmZzZXQ9IjAuOTkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9 IjEiIGZpbGw9InVybCgjZzIyOSkiIC8+PC9zdmc+); ! background: -moz-linear-gradient(50% 0% -90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -o-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #c3e4ea), color- stop(0.99, #4fafc4)); ! background: -webkit-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: linear-gradient(180deg, #c3e4ea 0%, #4fafc4 99%); ! border: 1px solid #4ab4c8; ! -webkit-border-radius: 11px; ! border-radius: 11px; ! -webkit-box-shadow: inset 1px 1px 2px #fff; ! box-shadow: inset 1px 1px 2px #fff;
22.
background: #4fafc4; !
background-image: url(data:image/svg +xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9 IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBp ZD0iZzIyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIx MDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzNlNGVhIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNGZhZmM0 IiBvZmZzZXQ9IjAuOTkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9 IjEiIGZpbGw9InVybCgjZzIyOSkiIC8+PC9zdmc+); ! background: -moz-linear-gradient(50% 0% -90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -o-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #c3e4ea), color- stop(0.99, #4fafc4)); ! background: -webkit-linear-gradient(-90deg, #c3e4ea 0%, #4fafc4 99%); ! background: linear-gradient(180deg, #c3e4ea 0%, #4fafc4 99%); ! border: 1px solid #4ab4c8; ! -webkit-border-radius: 11px; ! border-radius: 11px; ! -webkit-box-shadow: inset 1px 1px 2px #fff; ! box-shadow: inset 1px 1px 2px #fff;
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
.角丸長方形_1 {
border-radius: 10px; background-color: rgb( 234, 104, 162 ); position: absolute; left: 270px; top: 194px; width: 142px; height: 142px; z-index: 2; }
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
// LESS
@color: #4D926F; #header { #header { color: #4D926F; color: @color; } } h2 { h2 { color: #4D926F; color: @color; } }
62.
63.
64.
65.
66.
CSS Preprocessor
Shootout
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
ありがとうございました。
Download now