Html kódok, inspiráló képek- Faith Sun

Sziasztok babák! :)

Most pedig jöjjenek a html kódok! Ha valamit nem értetek nyugodtan kérdezzetek. (A KÓDOKAT NEM ÉN KÉSZÍTETTEM)

1. A kép megfordul és eltűnik:

<style type="text/css">

img {-webkit-transition: 1s;

-moz-transition: 1s ;

transition: 1s ;

}

img:hover { border-radius: 50%;

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

 transform: rotate(360deg);

filter: alpha(opacity=0);

opacity: .0;

}

--></style>

2. A kép elhalványul: 

<style type="text/css">

a:link, a:visited {

    text-decoration: none; 

    text-shadow: #000000 1px 1px 1px;

    filter: alpha(opacity=60); 

    opacity: 1; 

    -webkit-transition: opacity .10s ease-in;     

     -moz-transition: opacity .10s ease-in;     

    -o-transition: opacity .10s ease-in; 

}

a:hover {

    text-decoration: none;

    text-shadow: #000000 1px 1px 1px;

    cursor: default;

    filter: alpha(opacity=90); 

    opacity: .5; 

     -webkit-transition: opacity .10s ease-in;   

     -moz-transition: opacity .10s ease-in;     

     -o-transition: opacity .10s ease-in; 

}

-->

</style>

3. A kép megdől:

<style type="text/css">

a:link img, a:visited img { /*  linkelt kép  */

    background: #E2D1B1; /* kép kerete, ha van neki paddingja */

    padding: 3px; /* képtől a távolság */

        -webkit-transition: .5s ease-out;

        -moz-transition: .5s ease-out;

        -o-transition:.5s ease-out;

}

a:hover img {

    background: #E2D1B1; /* kép kerete, ha van neki paddingja */

    padding: 3px; /* képtől a távolság */

    -moz-transform: rotate(2deg); /* mennyit mozduljon a kép */

    -o-transform: rotate(2deg); /* mennyit mozduljon a kép */

    transform: rotate(2deg); /* mennyit mozduljon a kép */

    -webkit-transform: rotate(2deg); /* mennyit mozduljon a kép */

        -webkit-transition: .5s ease-out;

        -moz-transition: .5s ease-out;

        -o-transition:.5s ease-out;

-->    </style>

4. Másolás tiltó: 

<script type="text/javascript">

//form tags to omit in NS6+:

var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){

if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)

return false

}

function reEnable(){

return true

}

if (typeof document.onselectstart!="undefined")

document.onselectstart=new Function ("return false")

else{

document.onmousedown=disableselect

document.onmouseup=reEnable

}

</script>

Inspiráló képek:

További szép napot! :)