Making images grey to color

Add in Css filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%);

Advertisements

Smooth Transition Effect

Just add this in css :- transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s;

Making image width and height as sreensize

<body onresize="myFunction();"> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> function myFunction() { var img_obj = $('.banner-main').find('img'); var w = $(window).width(); var h = $(window).height(); var mar_number = $("body").css("margin-top").replace(/[^0-9]/g, ''); $(img_obj).attr('height',h - mar_number); $(img_obj).attr('width',w); } jQuery(document).ready(function() { myFunction(); }); </script>

CSS3 Button Nice Effect

.btn a { padding:5px 20px; color: #444444; background: transparent; line-height: 100%; border: 2px solid #444444; -webkit-transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease; transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease; -webkit-box-shadow: inset 0 0 0 0 #444444; box-shadow: inset 0 0 0 0 #444444... Continue Reading →

Smooth Font Using CSS3

html, html a { -webkit-font-smoothing: antialiased !important; } html, html a { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

Iphone App Design

Resolutions & Display Specifications Resolutions Devices Portrait Landscape iPhone 5 iPhone 5, 5S, 5C 640x1136 px 1136x640 px iPhone 4/4S 640x960 px 960x640 px iPhone & iPod Touch 1st, 2nd and 3rd Generation 320x480 px 480x320 px Retina iPad iPad 3, iPad 4, iPad Air 1536x2048 px 2048x1536 px iPad Mini 768x1024 px 1024x768 px... Continue Reading →

Create a website or blog at WordPress.com

Up ↑