webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-30から1日間の記事一覧

.animate(); 3

<html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Q3</title><style>.box{ display: none; width: 300px; height: 300px; line-height: 300px; text-align: center; color: white; border: 4px solid white; box-sizing: borde…</meta></meta></head></html>

.animate(); 2

width; 300px height; 300px の色の異なる正方形を3つ非表示から各々、即座に表示、スローで表示、5秒かけて表示させる。 html <html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><style>.box{ display: none; width: 300px; height: 300px; line-height: 300px; te…</meta></meta></head></html>

.animate(); 1

ボタンをクリックしたら、表示してある width: 100px、height: 100pxの正方形が1,000px 移動して止まるように記述する。duration=600ms html <html lang="ja"><head><meta charset="utf-8"><title>Q2</title><style>.box{ width: 100px; height: 100px; background: #777; line-height: 100px; text-align: center; color: white</style></meta></head></html>…