プチリクエストがありましたので・・・
1年ほど前に作成したページのバリエーションを作成して見ました。
上が1年前にアップしたものです。色ベタを表氏させて光源にするという流れです。
タブレットやスマートフォンを小物撮影光源に 2020/07/20
今回はカラースポット光源です。モニター￥野サイズである程度サイズを調整出来るように初手居るので、タブレットとスマートフォンを使い分けると便利かもしれません。
/*rule.css*/
@charset"UTF-8";
html,
body{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.info {
position:absolute ;
left:0px ;
top:0px ;
}
.root{
text-align:center;
}
.red{
display:inline-block;
width:400px;
height:400px;
border-radius:50%;
background:red;
}
/*rule.css*/
<!-- red.html -->
<html lang="jp">
<head>
<title>circle</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../rule.css">
</head>
<body bgcolor="#000000">
<span class="info">
<a href="../index.html" style="text-decoration:none;">
<font color="#ffffff">go to index page</font></a>
</span>
<div class="root">
<span class="red">
</span>
</div>
</body>
</html>
<!-- red.html -->
3日ほどタイプミスに気がつかす悶々としていたのは内緒です。
ブラウザーのバーの部分がアテ紙などで隠すと良いでしょう
iPhone5sのサイズが意外といい感じでした。
ただし初代iPadはSafariのバージョンが古くて円が中心に表示されませんでした。
サンプルのビンボン。
Blueの結果
Redの結果
Greenの結果
Panasonic LUMIX DMC-GF2
LUMIX G VARIO 14-42mm F3.5-5.6 ASPH
