Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

CSS Editorを利用したグラデーション

No description

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of CSS Editorを利用したグラデーション

background
{
gradEnd: #f3dd9e;
gradStart: #258cf5;
}
frame.rectangle
{
gradStartAlpha: 0.7;
radius: 0;
borderColor: #f3e8a9;
gradEndColor: #fcbf55;
lockTintColor: #958900;
borderAlpha: 0;
gradStartColor: #6164b0;
gradEndAlpha: 0.7;
}
circle
{
gradStartAlpha: 1;
radius: 0;
borderColor: #000;
borderAlpha: 0;
thickness: 100;
lockTintAlpha: 0;
borderThickness: 5;
gradEndAlpha: 0.7;
alpha: 1;
}

shape.style1
{
gradEndColor: #f3e8a9;
borderColor: #fff;
borderThickness: 0;
gradStartColor: #f87710;
}

夕暮れ
朝焼け
shape
{
gradStartAlpha:0.9
radius: 30;
borderColor: #000;
borderAlpha: 0;
thickness: 100;
lockTintAlpha: 0;
borderThickness: 5;
gradEndAlpha: 0.5;
alpha: 1;
}

shape.style2
{
gradEndColor: #b1cd9d;
borderColor: #fff;
borderThickness: 0;
gradStartColor: #10243f;
}
夜空
shape
{
gradStartAlpha:0.9
radius: 30;
borderColor: #000;
borderAlpha: 0;
thickness: 100;
lockTintAlpha: 0;
borderThickness: 5;
gradEndAlpha: 0.5;
alpha: 1;
}

shape.style3
{
gradEndColor: #c3eff3;
borderColor: #ff2e2e;
borderThickness: 0;
gradStartColor: #61cce6;
}
青空
circle
{
gradStartAlpha: 1;
radius: 0;
borderColor: #000;
borderAlpha: 0;
thickness: 100;
lockTintAlpha: 0;
borderThickness: 5;
gradEndAlpha: 0.7;
alpha: 1;
}

shape.style4
{
borderThickness: 0;
gradStartColor: #ff0;
borderColor: #ff2e2e;
gradEndColor: #bdb76b;
}

背景のグラデーション
シェイプのグラデーション
ズーム、傾きに関わらず
上下のグラデーション比率が
常に維持される
グラデーションは
シェイプの形で固定
background
{
gradEnd: #f3dd9e;
gradStart: #258cf5;
}
Full transcript