کانال ما در تلگرام
طرح زیبای یک لیوان کافی با css

کدهای زیباسازی وبلاگ

باز هم با یکی از کدهای زیبا ساز سایت و وبلاگ در خدمت سپهناییان هستیم . امروز با کد زیبای یک لیوان(فنجان) با coffee  در خدمت طراحان وب هستیم ، بدون هیچگونه عکسی میتوانید از این کد فوق در سایر زمینه ها استفاده نمایید. یک فنجان قهوه داغ و سپهنا ، یعنی شروع یک روز خوب ...

دمو عکس مطلب.

در جای مناسب از قالب خود قرار دهید :

<style>html, body {  width: 100%;  height: 100%;  margin: 0;  padding: 0;}h1 {  font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;  text-align: center;  font-size: 3.5em;  margin: -1.5em auto;  color: #262626;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8), 0 -1px 0 white;}.cup {  /*sepahna.ir*/  margin: 10em auto;  /*Style*/  width: 11.09017em;  height: 11.09017em;  border-bottom-left-radius: 1em;  border-bottom-right-radius: 1em;}.cup:before, .cup:after {  content: '';  display: block;  float: left;  box-shadow: 0 0 0 1em #262626;  position: absolute;}.cup:before {  height: 6.8541em;  width: 1.61803em;  margin: 1.62232em 12.16886em;  border-top-right-radius: 1em;  border-bottom-right-radius: 1em;}.cup:after {  height: 1em;  width: 16.94427em;  margin: 12.26884em -2.61803em;  box-shadow: inset 0 1em 0 0.61803em #262626;  border-bottom-left-radius: 1em;  border-bottom-right-radius: 1em;}.cup .filled {  display: block;  width: 101%;  height: 100%;  float: left;  border-bottom-left-radius: 0.90909em;  border-bottom-right-radius: 0.90909em;  box-shadow: inset 0 0 0 0.23607em #ecf0f1, 0 0 0 1em #262626;  margin-left: -1px;  margin-right: 3px;  background-image: -webkit-linear-gradient(top, #ecf0f1 25%, #643001 25%, #643001 50%, #532700 50%, #532700 75%, #3a1c00 75%);  background-image: linear-gradient(to bottom, #ecf0f1 25%, #643001 25%, #643001 50%, #532700 50%, #532700 75%, #3a1c00 75%);}</style><div class='cup'>  <div class='filled'></div></div>

 

+5
نام:*
ایمیل:


جستجو در سایت
برند مورد علاقه شما
تقویم سایت
<    «  مرداد 1399  »    >
شیدسچپج
 123
45678910
11121314151617
18192021222324
25262728293031