【CSS小ネタ】写真っぽい写真【はてなブログ用】 - Little Strange Software
どうも！LSSです！！ デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例：楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http
【JavaScript】落ち物パズル制作？ その３ - Little Strange Software
どうも！LSSです！！ 完成まで作るのかどうだか未定だった「落ち物パズル」制作ですが、どうもここまで来たら完成させたくなってきた今日この頃ですｗ 第一回 第二回 に続き、今回で３回目となります！ 今回もまだ「消し」の部分作成には至っていませんが、それ以外の操作部の追加とデザインの調整を行いました！ 今んとこ、こんな感じ 追加変更点 コマ色指定部分のCSS 落とす、の処理 謝辞 コード全文 今んとこ、こんな感じ 追加変更点 画面上部に「NEXT」として、「次のコマ」を予告表示しています。 「強制停止」をやめて「一時停止」にしました。再開可能です^^ 操作部に「↓落とす」を追加しました。 こないだ、シリーズ外の記事で書いた、光を入れる効果をコマと背景にかけています。 コマの色に似たものがあったので、見分けやすいように一部の色を変更しています。 コマ色指定部分のCSS .km{ position
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
