۱۰-image-shadows-using-css
On this page, you’ll find all the image shadow examples with CSS code as written about in our blog post…
دسته: CSS
width versus device-width
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
/* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait){ /* some CSS here */ } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape){ /* some CSS here */ } /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (max-device-width: 640px){ /* some CSS here */ } /* #### iPhone 4+ Portrait or Landscape #### */ @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ /* some CSS here */ } /* #### Tablets Portrait or Landscape #### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px){ /* some CSS here */ } /* #### Desktops #### */ @media screen and (min-width: 1024px){ /* some CSS here */ } |
http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
CSS Media Queries on @import Rules
CSS Media Queries on @import Rules This page applies CSS Media Queries to an @import rule. It’s designed to show…
Css Shape
http://sarasoueidan.com/blog/css-shapes/
زمینه خاص برای موزیلا
Firefox 2 html>/**/body .selector, x:-moz-any-link { color:lime; } Firefox 3 html>/**/body .selector, x:-moz-any-link, x:default { color:lime; } Any Firefox @-moz-document…
سیاه و سفید کردن توسط سی اس اس (CSS)
منتظر باشید
|
1 |
<div id="image-6" class="slide-img slide-photo-right absolute-right grayscale" style="background-image:url(http://www.etecminds.com/files/pictures/homepage/slide/etec_minds_slide_digital.jpg)"></div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
.grayscale { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; filter: grayscale(100%); -webkit-transition: 0.3s all ease-in; -o-transition: 0.3s all ease-in; -moz-transition: 0.3s all ease-in; transition: 0.3s all ease-in; } .grayscale:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; filter: grayscale(0); } |
تغییر و تنظیم دستی استایل کامنت های وردپرس
سلام
فراخوانی چند آدرس تصویر در دستور background سی اس اس
background: url(“http://www.1stwebdesigner.com/wp-content/uploads/2013/04/envelope.png”) 97% 50% no-repeat,url(“http://www.1stwebdesigner.com/wp-content/themes/wd1_v3/img/pattern-paper.jpg”) 0 0 repeat;