۱۰-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…
On this page, you’ll find all the image shadow examples with CSS code as written about in our blog post…
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 This page applies CSS Media Queries to an @import rule. It’s designed to show…
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…
منتظر باشید
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: 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;