Премини към съдържанието

Препоръчан отговор


здравейте как се създава следния ефект с css?

вижте прикачения файл

post-354615-0-86711300-1437463380_thumb.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Прилича ми на gradient с transparency.

Не прилича, а е точно това. :)  Ето и от мен един линк.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

о мерси много два дена им се чудя на тия стъкла

снимката е от урок по фотошоп

гледам тук едни стъклени бутони и се чудя как аджеба да си направя и аз такъв стъклен див а не бутон

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

о мерси много два дена им се чудя на тия стъкла

снимката е от урок по фотошоп

гледам тук едни стъклени бутони и се чудя как аджеба да си направя и аз такъв стъклен див а не бутон

CSS3 може да прави доста ефекти, за които не е нужно да се използва вече фотошоп. 


Сподели този отговор


Линк към този отговор
Сподели в други сайтове

да знам го това Емокостов просто използвах тази снимка да видят какво имам предвид

ето код за стъкло от сайта на опера за разрабоотка

div {
	margin:10px;
	padding:0;
	width:100px;
	height:100px;
	border:1px solid rgba(0,0,0,0.5);
	border-radius:10px 10px 2px 2px;
	-webkit-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	background:rgba(0,0,0,0.25);
	}

лично ме кефи резултата споделям го да знаят и други

Редактирано от petie1 (преглед на промените)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Регистрирайте се или влезете в профила си за да коментирате

Трябва да имате регистрация за да може да коментирате това

Регистрирайте се

Създайте нова регистрация в нашия форум. Лесно е!

Нова регистрация

Вход

Имате регистрация? Влезте от тук.

Вход

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.