Jump to content

Recommended Posts



bu resme üzerine gelince kırmızı olsun istiyorum, veya renk verip test edeceğim olmuyor.


Uğraşlar sonucu birşeyleri birleştirdim ancak sitede hareket yok.



.service-box:hover .icon:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;



.service-box .icon:before {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #EA1919;
    z-index: -1;


Share this post

Link to post
Share on other sites
<img src="http://i.radikal.com.tr/644x385/2010/12/16/fft5_mf620794.jpeg" style=
  "filter:grayscale(1);" onmouseover=
  "this.style.filter='grayscale(0)';" onmouseout=
  "this.style.filter='grayscale(1)';" />

Bu örnekteki gibi yapabilirsin.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.