旅行の出来事：So-netブログ

	ブログをはじめるログイン

2017年11月｜ 2017年12月｜2018年01月ブログトップ
前の10件 | -

ロウバイがもう咲いていました。（２０１７）　[その他]

近所の畑でもう蝋梅（ロウバイ）が咲いていました。　(＾◇＾)

好きな花の一つです。　

１．甘い香りが好きで必ず鼻を近づけてしまいます。

２．毎年、お餅を食べた後、散歩の途中で楽しんでいます。

３．画像を１００％にしたら水滴がついていました、５分くらい前に咲いたのか？それとも凍らないような水分？

４．もう少し歩くと川もあって散歩には良いところだと思います。

１月の旅行の写真は以下を載せる予定です。

山形・銀山温泉（２００３）

北海道・（２００６）

　トラピスト修道院

　五稜郭

　函館

　函館夜景

　洞爺湖、支笏洞爺国立公園「サイロ展望台」

　大沼国定公園・蟹食べ放題の昼ご飯

　昭和新山

　小樽運河

名花の里イルミネーション、伊勢神宮（２０１３）

タグ：ロウバイ

2017-12-28 07:53 nice!(41) コメント(12)
共通テーマ：旅行

カレッタ汐留・プロジェクションマッピング(2012)　[旅行：東京]

東京駅もプロジェクションマッピングしていましたが先に汐留に行きました。
汐留を見てから東京駅に着いてみると「大混雑！」、開催は中止になってしまいました。('Д')
中止で正解だったかも、人の動きが制御できなくて押される、押される。
でも、見たかったなぁ。

　
１．カレッタ汐留のプロジェクションマッピング

　
　
２．

　
　
３．

タグ：カレッタ汐留プロジェクションマッピング

2017-12-25 21:32 nice!(28) コメント(2)
共通テーマ：旅行

クリスマス・CSSスライドショー（２００１~）　[旅行の写真]

２００１年からの旅行の写真をブログにアップしていますが１２月はほとんどがイルミネーション写真ばかりでした。(^。^)

雪が降る季節は電車で行ける場所だけで、車で旅行しないためかな。

（雪国の人に怒られそうですね、・・・・・路面が凍らない場合の外出では使っています）

来月、１月は北海道、銀山温泉、名花の里（伊勢神宮）などに行っていますが全部ツアーです。

クリスマスなのでスライドショーにしました。

使い方が間違えているかもしれませんが参考でCSSも載せてます。

　
スライドショー１　別ウィンドウが開きます。（１００秒で繰り返し）

横浜、汐留、名花の里、、、、、、恵比寿、お台場、

　
　
スライドショー２　別ウィンドウが開きます。（１００秒で繰り返し）

横浜、、時之栖、東京タワー、、横浜、時之栖、、横浜、、

　
　
スライドショー３　別ウィンドウが開きます。（１００秒で繰り返し）

竹ノ塚、、六本木、お台場、、、、、横浜、、

　
　
スライドショー４　別ウィンドウが開きます。（１００秒で繰り返し）

名花の里、、東京タワー、、時之栖、横浜、お台場、、、、

参考

ｈｔｍｌ

ＣＳＳ　（webで調べながら作ったので変な使い方があるかも、）

body {
background-color:#808080; /* ページ全体の背景色 */
color:#0000ff; /* 文字色を濃い目のグレーにする */
}

photo-slideshow10 {      /* CSS クラス名 photo-slideshow8     */
    height: 800px;           /* 表示したい大きさ        */
    margin: 0 0 -120 0;    /* 上右下左のマージンをまとめて指定する   */
    max-width: 100%;     /* 領域の幅の最大値        */
    position: relative;       /* ボックスの配置方法 relative=相対位置への配置 */
    width: 800px;            /* 表示したい大きさ、height と合わせる   */
}
.photo-slideshow10 img {                  /* CSS クラス名 photo-slideshow8 の子孫セレクタ = img        */
    animation: slide10 100s infinite;    /* アニメーションプロパティ一括指定空白で区切る                    */
        /* animation-name、 animation-duration、 animation-timing-function、                                 */
        /* animation-delay、animation-iteration-count、 animation-direction                                    */
        /* animation-name アニメーション名 = slide10                                                                     */
        /* animation-duratio アニメーション一回分の時間の長さを指定秒                                             */
        /* animation-iteration-count 繰り返し回数を指定 infinite=無限                                                  */
    -webkit-animation: slide10 100s infinite; /* -webkit- ベンダープレフィックス Chrome、Safari指令 */
    height: auto;                  /* 領域の高さを指定自動設定                               */
    max-width: 100%;         /* 領域の幅の最大値                                           */
    opacity: 0;                    /* 要素の透明度を指定 0.0（完全に透明）               */
    position: absolute;          /* ボックスの配置方法絶対位置=画像を全て重ねる */
}
/* @keyframes = アニメーションのキーフレーム (通過点)で制御する */
@keyframes slide10 { /* animation-name slide10 のキーフレームを指定                         */
    0% {opacity:0}       /* opacity(要素透明度指定) 0.0（完全に透明）～1.0（完全に不透明） */
    10% {opacity:1}
    25% {opacity:0}
}
/* -webkit- = ベンダープレフィックス Chrome、Safari指令 */
@-webkit-keyframes slide10 {
    0% {opacity:0}  /* opacity(要素透明度指定) 0.0（完全に透明）～1.0（完全に不透明）*/
    10% {opacity:1}
    25% {opacity:0}
}
/* 各画像のアニメーションの開始時間をずらす                                                 */
/* CSS クラス名 photo-slideshow8                                                             */
/* E:nth-of-type(n) 、疑似クラス、 n番目のその種類の要素にスタイルを適用する */
.photo-slideshow10 img:nth-of-type(1) {animation-delay: 0s;    -webkit-animation-delay: 0s;}
.photo-slideshow10 img:nth-of-type(2) {animation-delay: 10s;    -webkit-animation-delay: 10s;}
.photo-slideshow10 img:nth-of-type(3) {animation-delay: 20s;    -webkit-animation-delay: 20s;}
.photo-slideshow10 img:nth-of-type(4) {animation-delay: 30s;    -webkit-animation-delay: 30s;}
.photo-slideshow10 img:nth-of-type(5) {animation-delay: 40s;    -webkit-animation-delay: 40s;}
.photo-slideshow10 img:nth-of-type(6) {animation-delay: 50s;    -webkit-animation-delay: 50s;}
.photo-slideshow10 img:nth-of-type(7) {animation-delay: 60s;    -webkit-animation-delay: 60s;}
.photo-slideshow10 img:nth-of-type(8) {animation-delay: 70s;    -webkit-animation-delay: 70s;}
.photo-slideshow10 img:nth-of-type(9) {animation-delay: 80s;    -webkit-animation-delay: 80s;}
.photo-slideshow10 img:nth-of-type(10) {animation-delay: 90s;    -webkit-animation-delay: 90s;}

　ブログのタグクラウド

タグ：CSS Xmas イルミネーションスライドショー

2017-12-22 21:48 nice!(37) コメント(4)
共通テーマ：旅行