Forum Pasja Informatyki - Najnowsze z tagiem box-shadow

CSS shadow na tekscie

Sat, 14 Mar 2020 20:06:04 +0000

h1 {
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
            font-family: tahoma, sans serif;
            box-shadow: 0 0 3px 10px black;
        }

Chcę zrobić ten box-shadow na tekscie samym, oblać same litery, jak mogę tego dokonać?

CSS Proszę o wsparcie. Jak zrobić box-shadow tylko pionowo po obu stronach obrazka?

Mon, 06 Jan 2020 20:47:50 +0000

Witam

Jestem uczniem technikum w trzeciej klasie, proszę o wyrozumiałość.

Mam zadanie z Baz Danych.

Robię egzamin E14 praktyczny.

http://egzamin-e14.blogspot.com/2016/09/e14-01-1408.html

Jak zrobić żeby cień wokół zdjęcia był tylko pionowo po obu stronach?

Dołaczam kod:

<div class="prawy"><!-- To jest czarny div ze zdjęciem -->
        <img class="zdjecie" src="grafiki/zdjecie.jpg">
</div>

.prawy
{
  float: right;
  width: 1000px;
  height: 500px;
  margin-right: 0px;
  margin-left: auto;
  margin-top: 15px;
  background-color: black;
}

.zdjecie
{
  height: 500px;
  margin: 0px 308px;
  box-shadow: 0 0 50px 30px white; /* Tu mam problem */
}

P. S.

Gdy usuwam box shadow to nie ma cienia w ogóle

////////////////////////////////////////////////////////////////////////// EDIT /////////////////////////////////////////////////////////////////////////////////

Skorzystałem ze strony: https://cssgradient.io/

Jest coraz lepiej, ale cień jest okrągły a ma być pionowy:

Tu jest kod:

.prawy
{
  float: right;
  width: 1000px;
  height: 500px;
  margin-right: 0px;
  margin-left: auto;
  margin-top: 15px;
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 25%, rgba(0,0,0,1) 75%); 
}

.zdjecie
{
  height: 500px;
  margin: 0px 308px;
}

Bardzo mi na tym zależy.

[CSS] Box-shadow problem.

Tue, 30 Oct 2018 17:14:37 +0000

Witam! Na wstępie chcę zaznaczyć, że jestem początkującym. Mam pewien problem, a mianowicie chciałbym pod divem, który jest "paskiem" prezentującym nazwę strony i chciałbym pod tym "paskiem" umieścić cień, po to by "pasek" wyglądał na lekko wysunięty od tła. Problem polega na tym, że jest jeszcze jeden div, który ma być przeznaczony nawigacji i on zasłania mi część tego cienia.

Chciałbym żeby ten cień był na całej szerokości tego "paska". Z góry dziękuję za pomoc.

body
{
    background-color: #f2f2f2;
    margin: 0 !important;
}

.pasek
{
    background-image: url(photos/geometry.png);
    height: 100px;
    width: 100%;
    color: black;
    font-family: 'Spicy Rice', cursive;
    box-shadow: 0px 1px 1px black;
    font-size: 60px;
    text-align: center;
}

.nav
{
    background-color: #f2f2f2;
    width: 300px;
    height: 1000px;
    padding: 20px;
}

Widoczość atrybutu Box shadow

Thu, 30 Aug 2018 10:54:59 +0000

Witam. Mam dwa divy pierwszy ten który jest wyżej posiada box-shadow, ale cień jest przysłaniany przez to że drugi Div który jest pod nim zasłania cień. Co zrobić aby cień był widoczny.

jak zrobić taki box-shadow

Thu, 14 Dec 2017 17:32:52 +0000

Witam, chciałbym zrobić taki sam efekt jak na tym obrazu

bawiłem się roznymi generatorami box-shadow ale effekt nawet nie był bliski tego co tutaj na zdjęciu jest

prosił bym o jakieś wskazówki jak taki efekt uzyskać

Właściwość box-shadow nie działa.

Sun, 19 Nov 2017 18:01:01 +0000

Dobry wieczór,

Robię sobie właśnie stronkę internetową i mam taki problem: Mam element który jest na samej górze strony, ustawiłem na niego cień na dół

box-shadow: 0 8px 6px black;

który nie pojawia się po dodaniu właściwości padding o wartości 20px. Cień nie działa także przy innych wartościach padding.

Oto kod HTML:

  <header id="top-header">
    <img src="logo.png" alt="logo" />
    <nav>
      <ul>
        <li><a href="#"><em>start</em></a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
        <li><a href="#">xxx</a></li>
      </ul>
    </nav>
  </header>

Oto kod CSS:

#top-header
{
  background-color: #252525;
  color: #eee;
  padding: 20px;
  box-shadow: 0px 8px 6px black;
}

Jak zablokować Box-shadow?

Sun, 13 Aug 2017 15:28:02 +0000

Witam,
chciałbym się dowiedzieć jak zablokować ruch box-shadow nie blokując reszty obiektu.
Po użyciu komendy np. "transform: rotate(360deg) ;" nasz div obraca się wraz z cieniem, chciałbym to zmienić tak, aby cień pozostał w jednym miejscu.

film z którego czerpie inspiracje :) :
https://www.youtube.com/watch?v=19XVMa7Pi1k

Spójność elementów z nałożonym efektem box-shadow

Sun, 09 Jul 2017 20:10:54 +0000

Cześć, od jakiegoś czasu zastanawiam się jak stworzyć element o nieregularnym kształcie z ładnym box-shadow. Tutaj przykład:

Pierwsze co przychodzi mi do głowy to stworzenie elementu i pseudoelementu oraz wypozycjonowanie ich absolutnie względem siebie tak, aby były połączone. Dopóki nie używam box-shadow jest w porządku, ale z - już niezupełnie. Tutaj kod z moim konceptem na wykonanie powyższego dzieła:

https://jsbin.com/ligarozopu/edit?html,css,output

Jak widać elementy nie są do końca spójne i nie wiem jak temu zaradzić. Zna ktoś jakiś sposób na stworzenie czegoś takiego? Z góry dzięki za odpowiedzi, pozdrówka

[CSS3] Box-shadow w menu (Listy)

Wed, 28 Dec 2016 23:17:07 +0000

Witam :)

A więc posiadam sobie menu:

ol>li>ul>li

Po najechaniu na li (Poziom I) pojawia się ul(z listami) li (link)

ol>li:hover ma animacje z box-shadow: 0px 0px 105px 13px rgba(0,0,0,0.75);

ol>li:hover>ul ma animację box-shadow 0px 25px 70px 13px rgba(0,0,0,0.75)

i tu nasuwa się moje pytanie. Jak nie zmieniając wysokości i szerokości w box-shadow stworzyć o to taki efekt jak w Poziom II?:

Czyli box-shadow z ol>li>ul nie ma nachodzić na ol>li

Próbowałem to osadzić na 2 animacjach lecz ta z ol>li>ul nachodzi na tą ol>li. Proszę o jakąś podpowiedź :)

Kod: http://codepen.io/Sedkimikara/pen/gLVPEm

Z góry dziękuję

Z-index nie działa tak jak powinno, albo coś źle robię.

Fri, 23 Oct 2015 09:15:30 +0000

Witajcie, mam pewien problem.

http://codepen.io/McHalt/pen/bVLLxr <- o ten kod mi się rozchodzi. Nie wiem co źle robię, ale na mój rozum to cień z elementu div.headerUp powinien nachodzić na element nav. Przynajmniej taki efekt chcę uzyskać. Pomysły? : )

Wiem, że jak dam position:absolute to będzie dobrze, aczkolwiek chcę żeby ten szary pasek był na 100% szerokości. 100vw nie mogę dać, ponieważ jeśli strona będzie na tyle długa że będzie się przewijała, pasek nie zmieści się cały na stronie.