Scrollin.css
(スクロールでふわっとフェードイン)

※class="scroll-~": 付与だけのアニメーション処理。 ※delayed-0~6: 開始遅延クラス(delay) ※fasted-1~3, slowed-1~120:アニメーション速度クラス(duration) ※Intersection Observer化(scrollTopでなく交差点基準による、Load時はコンテンツが表示されない問題の排除、及びJS処理の軽減化)。 ※現状要jQuary。 ※調整用のクラス(delayed, fasted, slowed)のセレクタまとめ用に一部SCSS使用。

scroll-fadeIn

いづれの御時にか、女御、更衣あまたさぶらひたまひけるなかに、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。

scroll-fadeInTop

いとど、 かかる好きごとどもを、末の世にも聞き伝へて、軽びたる名をや流さむと、忍びたまひける隠ろへごとをさへ、語り伝へけむ人のもの言ひさがなさよ。

scroll-fadeInBottom

いとど、 かかる好きごとどもを、末の世にも聞き伝へて、軽びたる名をや流さむと、忍びたまひける隠ろへごとをさへ、語り伝へけむ人のもの言ひさがなさよ。

scroll-fadeInLeft

今宵なむ、初めて憂しと世を思ひ知りぬれば、恥づかしくて、ながらふまじうこそ、思ひなりぬれなどのたまへば、涙をさへこぼして臥したり。いとらうたしと思す。

scroll-fadeInRight

六条わたりの御忍び歩きのころ、内裏よりまかでたまふ中宿に、大弐の乳母のいたくわづらひて尼になりにける、とぶらはむとて、五条なる家尋ねておはしたり。

scroll-blurIn

いづれの御時にか、女御、更衣あまたさぶらひたまひけるなかに、いとやむごとなき際にはあらぬが、すぐれて時めきたまふありけり。

scroll-blurInTop

いとど、 かかる好きごとどもを、末の世にも聞き伝へて、軽びたる名をや流さむと、忍びたまひける隠ろへごとをさへ、語り伝へけむ人のもの言ひさがなさよ。

scroll-blurInBottom

いとど、 かかる好きごとどもを、末の世にも聞き伝へて、軽びたる名をや流さむと、忍びたまひける隠ろへごとをさへ、語り伝へけむ人のもの言ひさがなさよ。

scroll-blurInLeft

今宵なむ、初めて憂しと世を思ひ知りぬれば、恥づかしくて、ながらふまじうこそ、思ひなりぬれなどのたまへば、涙をさへこぼして臥したり。いとらうたしと思す。

scroll-blurInRight

六条わたりの御忍び歩きのころ、内裏よりまかでたまふ中宿に、大弐の乳母のいたくわづらひて尼になりにける、とぶらはむとて、五条なる家尋ねておはしたり。

scroll-bgFadeIn

思へどもなほ飽かざりし夕顔の露に後れし心地を、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえたまふ。

scroll-bgInBottom

思へどもなほ飽かざりし夕顔の露に後れし心地を、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえたまふ。

scroll-bgInLeft

思へどもなほ飽かざりし夕顔の露に後れし心地を、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえたまふ。

scroll-bgOpenIn

世の常ならず、おもしろかるべきたびのことなりければ、藤壺の見たまはざらむを、飽かず思さるれば、試楽を御前にて、せさせたまふ。

scroll-coatInBottomOut

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-coatInLeftOut

すこしゆゑづきて聞こゆるわたりは、御耳とどめ給はぬ隈なきに、さてもやと、思し寄るばかりのけはひあるあたりにこそ、一行をもほのめかしたまふめるに、なびき聞こえずもて離れたるは、をさをさあるまじきぞ、いと目馴れたるや。

scroll-coatInRightOut

つれなう心強きは、たとしへなう情けおくるるまめやかさなど、あまりもののほど知らぬやうに、さてしも過ぐしはてず、名残なくくづほれて、なほなほしき方に定まりなどするもあれば、のたまひさしつるも多かりける。

scroll-coatInBottomLeftOut

scroll-coatInBottomRightOut

scroll-coatFadeOut

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-coatOutTop

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-coatOutBottom

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-coatOutLeft

すこしゆゑづきて聞こゆるわたりは、御耳とどめ給はぬ隈なきに、さてもやと、思し寄るばかりのけはひあるあたりにこそ、一行をもほのめかしたまふめるに、なびき聞こえずもて離れたるは、をさをさあるまじきぞ、いと目馴れたるや。

scroll-coatOutRight

つれなう心強きは、たとしへなう情けおくるるまめやかさなど、あまりもののほど知らぬやうに、さてしも過ぐしはてず、名残なくくづほれて、なほなほしき方に定まりなどするもあれば、のたまひさしつるも多かりける。

scroll-blurFadeOut

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-blurOutTop

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-blurOutBottom

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-blurOutLeft

すこしゆゑづきて聞こゆるわたりは、御耳とどめ給はぬ隈なきに、さてもやと、思し寄るばかりのけはひあるあたりにこそ、一行をもほのめかしたまふめるに、なびき聞こえずもて離れたるは、をさをさあるまじきぞ、いと目馴れたるや。

scroll-blurOutRight

つれなう心強きは、たとしへなう情けおくるるまめやかさなど、あまりもののほど知らぬやうに、さてしも過ぐしはてず、名残なくくづほれて、なほなほしき方に定まりなどするもあれば、のたまひさしつるも多かりける。

scroll-wipeInBottom

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-wipeInTop

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-wipeInRight

すこしゆゑづきて聞こゆるわたりは、御耳とどめ給はぬ隈なきに、さてもやと、思し寄るばかりのけはひあるあたりにこそ、一行をもほのめかしたまふめるに、なびき聞こえずもて離れたるは、をさをさあるまじきぞ、いと目馴れたるや。

scroll-wipeInLeft

つれなう心強きは、たとしへなう情けおくるるまめやかさなど、あまりもののほど知らぬやうに、さてしも過ぐしはてず、名残なくくづほれて、なほなほしき方に定まりなどするもあれば、のたまひさしつるも多かりける。

scroll-wipeInCentral

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-mirageInBottom

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-mirageInTop

思へどもなほ飽かざりし夕顔の露に後れし心地を、年月経れど、思し忘れず、ここもかしこも、うちとけぬ限りの、気色ばみ心深きかたの御いどましさに、け近くうちとけたりしあはれに、似るものなう恋しく思ほえ給ふ。

scroll-mirageInRight

すこしゆゑづきて聞こゆるわたりは、御耳とどめ給はぬ隈なきに、さてもやと、思し寄るばかりのけはひあるあたりにこそ、一行をもほのめかしたまふめるに、なびき聞こえずもて離れたるは、をさをさあるまじきぞ、いと目馴れたるや。

scroll-mirageInLeft

つれなう心強きは、たとしへなう情けおくるるまめやかさなど、あまりもののほど知らぬやうに、さてしも過ぐしはてず、名残なくくづほれて、なほなほしき方に定まりなどするもあれば、のたまひさしつるも多かりける。

scroll-tepraInLeft

如月の二十日あまり、 南殿の桜の宴せさせたまふ。

后、春宮の御局、左右にして、参う上りたまふ。

弘徽殿の女御、中宮のかくておはするを、をりふしごとにやすからず思せど、

物見にはえ過ぐしたまはで、参りたまふ。

scroll-tepraInRight

世の中かはりて後、よろづもの憂く思され

御身のやむごとなさも添ふにや、軽々しき御忍び歩きもつつましうて

ここもかしこも、おぼつかなさの嘆きを重ねたまふ

報いにや、なほ我につれなき人の御心を、尽きせずのみ思し嘆く。

scroll-tepraInTopLeft

まことに憂しと思すことこそありけめと、

知り果てたまひぬれば、

よろづのあはれを思し捨てて、

ひたみちに出で立ちたまふ。

scroll-tepraInTopRight

わづらはしう思し乱るることのみまされば、

もの心細く、

世の中なべて厭はしう思しならるるに、

さすがなること多かり。

scroll-moveInBottom

いとど、 かかる好きごとどもを、末の世にも聞き伝へて、軽びたる名をや流さむと、忍びたまひける隠ろへごとをさへ、語り伝へけむ人のもの言ひさがなさよ。

scroll-moveInLeft

今宵なむ、初めて憂しと世を思ひ知りぬれば、恥づかしくて、ながらふまじうこそ、思ひなりぬれなどのたまへば、涙をさへこぼして臥したり。いとらうたしと思す。

scroll-moveInRight

六条わたりの御忍び歩きのころ、内裏よりまかでたまふ中宿に、大弐の乳母のいたくわづらひて尼になりにける、とぶらはむとて、五条なる家尋ねておはしたり。

scroll-growIn

scroll-growOut

scroll-shrinkIn

scroll-shrinkOut

scroll-FlipIn

scroll-rotation

scroll-clockation

長針 短針 長針 短針 長針 短針

scroll-encouration

scroll-chartation

  • 88%

  • 66%

scroll-looptationToFore

scroll-looptationToBack

scroll-looptationToUp

scroll-looptationToDown


GO TO TOP
UP(100vh)
DOWN(100vh)
GO TO BOTTOM