CSS shadow (#6)

CSS shadow (#6)

Bro Code

4 года назад

1,620 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@maikeliriarte8473
@maikeliriarte8473 - 04.01.2022 15:41

Your videos are a blessing. Thanks.

Ответить
@lawlit450
@lawlit450 - 28.08.2021 07:13

Ty bro

Ответить
@joncaldwell4753
@joncaldwell4753 - 27.08.2021 07:47

Baller

Ответить
@hoalam8094
@hoalam8094 - 30.07.2021 06:57

Good job bro ^^

Ответить
@komronbek2064
@komronbek2064 - 28.07.2021 20:12

where's src code?

Ответить
@omardumet120
@omardumet120 - 25.07.2021 03:32

the best css tutorial

Ответить
@almanduku9043
@almanduku9043 - 20.07.2021 19:42

No src code 😭😭😭

Ответить
@arphiltan8812
@arphiltan8812 - 09.05.2021 13:00

no source code :(

Ответить
@arphiltan8812
@arphiltan8812 - 09.05.2021 12:57

where is the source code bro?

Ответить
@likithshetty4716
@likithshetty4716 - 23.03.2021 09:59

Since Bro haven't posted :) And yeah Thanks for these awesome tutorials <3
From html file:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" type="text/css" href="shadow.css">
</head>
<body>
<h1>Shadow Demo</h1>
</body>
</html>

*******************************************************

From CSS file:


h1{
border: 1px solid;
width: 200px;
padding: 25px;
background-color: black;
color: white;
border-color: gold;

text-shadow: 0px 0px 5px yellow,0px -5px 5px orange,0px -8px 5px red,0px -10px 5px darkred;
/*
horizontal (px)
vertical (px)
blur (px)
color (name, rgb, hexadecimal)
*/
box-shadow: 10px 10px 7px rgb(41, 40, 40);
/*
horizontal (px)
vertical (px)
blur (px)
color (name, rgb, hexadecimal)
*/
}

Ответить
@oguzhantopaloglu9442
@oguzhantopaloglu9442 - 02.12.2020 18:12

thanks bro

Ответить
@girl6994
@girl6994 - 16.05.2020 19:48

You really helped me a lot.

Ответить
@girl6994
@girl6994 - 16.05.2020 19:47

Thank u bro.

Ответить
@BroCodez
@BroCodez - 15.05.2020 23:34

<!DOCTYPE html>
<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<h1>Shadow Demo</h1>

</body>

</html>

/* --------------- CSS --------------- */
h1{
border: 1px solid;
width: 200px;
padding:25px;
background-color: black;
color: white;
border-color: black;
/*color: white;*/

text-shadow: 0px 0px 5px yellow, 0px -5px 5px red;
/*
horizontal (px)
vertical (px)
blur (px)
color (name, rgb, hex)
*/

box-shadow: 10px 10px 5px #666666;
/*
horizontal (px)
vertical (px)
blur (px)
color (name, rgb, hex)
*/
}

Ответить