.spinner1, .spinner2, .spinner3, .spinner4, .spinner5, .spinner6, .spinner7, .spinner8, .spinner9, .spinner10, .spinner11 { width: 60px; height: 60px; margin-top: -30px; position: relative; } .fl.customimage { width: px; height: px; } /* * Usage: *
* */ .sk-rotating-plane { width: 100%; height: 100%; background-color: #74c7ed; margin: 0 auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: *
* */ .sk-double-bounce { width: 100%; height: 100%; position: relative; margin: 0 auto; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background-color: #74c7ed; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-wave { margin: 0 auto; width: 100%; height: 100%; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: #74c7ed; height: 100%; width: 7px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: *
* */ .sk-wandering-cubes { margin: 0 auto; width: 100%; height: 100%; position: relative; } .sk-wandering-cubes .sk-cube { background-color: #74c7ed; width: 16px; height: 16px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; } .sk-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(45px) rotate(-90deg) scale(0.5); transform: translateX(45px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(45px) translateY(45px) rotate(-179deg); transform: translateX(45px) translateY(45px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(45px) translateY(45px) rotate(-180deg); transform: translateX(45px) translateY(45px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(45px) rotate(-90deg) scale(0.5); transform: translateX(45px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(45px) translateY(45px) rotate(-179deg); transform: translateX(45px) translateY(45px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(45px) translateY(45px) rotate(-180deg); transform: translateX(45px) translateY(45px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: *
* */ .sk-spinner-pulse { width: 100%; height: 100%; margin: 0 auto; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: *
* */ .sk-chasing-dots { margin: 0 auto; width: 100%; height: 100%; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-chasing-dots .sk-child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-chasing-dots .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-three-bounce { margin: 0 auto; width: 100%; font-size: 26px; position: relative; text-align: center; } .sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: #74c7ed; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-circle { margin: 0 auto; width: 100%; height: 100%; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-cube-grid { width: 100%; height: 100%; margin: 0 auto; /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: #74c7ed; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

Biuro projektowe Mark & Vincent

Łazienka z dala od okna w 45 m. mieszkaniu deweloperskim na 2 piętrze, czy to możliwe żeby miała dostęp do światła dziennego?

Wiele osób nie chce mieć okna w łazience, ich niechęć do jego posiadania spowodowana jest brakiem poczucia prywatności. Jednak co z tymi, którzy nie wyobrażają sobie łazienki bez dostępu do światła dziennego?

Mamy dla nich pewne ciekawe rozwiązanie. Tym bardziej, że naturalne światło dzienne jest o wiele lepsze niż sztuczne oświetlenie łazienkowe. W łazience wykonujemy wiele zabiegów higienicznych, które wymagają świata dziennego. Sztuczne oświetlenie w łazience generuje dodatkowe koszty. Korzystając z niej w ciągu dnia musimy za każdym razem włączać światło co zwiększa rachunki za energię elektryczną.

Aranżacje ciemnej łazienki

Istnieje kilka sposobów na doświetlenie ciemnej łazienki. Jeśli jest ona usytuowana narożnie przy ścianie zewnętrznej budynku można wykuć okno. Otwór okienny może mieć dowolną wielkość, wszystko zależy od naszego wyboru. Wybierając duże okno możemy postawić na matowe lub mleczne przeszklenie. Zabieg ten zapewni maksimum prywatności korzystającym z łazienki. W przypadku łazienki mieszczącej się na poddaszu budynku mieszkalnego można zainstalować okno dachowe. Mała łazienka bez okna może zostać doświetlona poprzez wykorzystanie jasnych płytek, które dodatkowo zmniejszą uczucie uwięzienia.

Jak doświetlić łazienkę, która znajduje się z dala od okna w pionie kanalizacyjnym bloku mieszkalnego?

Deweloper ze względów nie tylko technicznych łazienkę lokalizuje najbliżej pionów wodno kanalizacyjnych. Jak zatem doświetlić łazienkę, która znajduje się z dala od okna?



Łazienka z dala od okna


Doświetlenie łazienki w 45-metrowym mieszkaniu deweloperskim na 2 piętrze.

Czy to możliwe, żeby miała dostęp do światła dziennego? Mrzonka i fanaberie?

Owszem, w małych łazienkach nie zawsze istnieją opcje na zlokalizowanie okna, a wewnętrzne łazienki uniemożliwiają luksus jego posiadania. Jednak istnieje pewne rozwiązanie, które omówimy poniżej. Pomysł oparty na wykuciu w bocznej ścianie łazienki dwóch pionowych otworów mieszczących dwie szklane witryny. Wydawałoby się niemożliwe, a jednak projekt i realizacja z dwoma witrynami od sufitu po podłogę tworzy pełną spójną kompozycję z pokojem dziennym.



Rozwiązanie niezwykle funkcjonalne dostarcza optymalną ilość światła do łazienki nie stawiając jej użytkowników w niezręcznej sytuacji w momencie w którym z niej korzystają.

Copyright 2019 | Projekt i wykonanie

Mają Państwo możliwość samodzielnej zmiany ustawień dotyczących cookies w swojej przeglądarce internetowej. Jeśli nie wyrażają Państwo zgody, prosimy o zmianę ustawień w przeglądarce lub opuszczenie serwisu.