| 2021-06-17 08:49:00 U SUSRET LJETU Ljeto se osjeća u zraku. Radosni što se ova nastavna godina bliži kraju, uredili smo predvorje škole. Inspiraciju smo pronašli u moru. Učenici razredne nastave na satu likovne kulture izrađivali su živi svijet mora. Kreativni i maštoviti lako su pokrenuli svoje kotačiće sjećanja pa zaronili u morsko dno. Raznim likovnim tehnikama, igrom toplih i hladnih boja, modeliranjem i kompozicijom oblika prikazali su ribice, lignje, ježince, školjke, meduze, more, brodiće… Naši prvašići su zamislili da su već na plaži pa su izradili japanke koje predstavljaju njihove stope koje žurno koračaju prema moru. Nakon ove izazovne godine - godine u boji - želimo svima sretne praznike i vidimo se na plaži! × /* Style the Image Used to Trigger the Modal */ .myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } .myImg:hover {opacity: 0.7;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: scroll; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (Image) */ .modal-content { margin: auto; display: block; width: auto; height:auto; max-width: 80%; } /* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption { margin: auto; display: block; width: 80%; max-width: 80%; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation - Zoom in the Modal */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The Close Button */ .close { position: fixed; top: 15px; right: 35px; color: #f1f1f1; font-size: 100px; font-weight: bold; transition: 0.6s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 100%){ .modal-content { width: 100%; } } // Get the modal var modal = document.getElementById('myModal'); // Get the image and insert it inside the modal - use its "alt" text as a caption var img = $('.myImg'); var modalImg = $("#img01"); var captionText = document.getElementById("caption"); $('.myImg').click(function(){ modal.style.display = "block"; var newSrc = this.src; modalImg.attr('src', newSrc); captionText.innerHTML = this.alt; }); // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = "none"; } |
| Osnovna škola "Bijaći" Kaštel-Novi |