Redge
  • Veteran staff member

      Reputation : 8
      Registered on : 2012-03-24
      Posts : 30
    Opacity or clarity on an image on hover

    Description

    With the CSS, you can make an effect of opacity or clarity on an image at the passage of the mouse. This is what we will learn in this tutorial.

    Demo


    Code

    You have to reply to this topic to see the code (avoid Flood)

    General Information

    Code creator: RedgeCode tested on: Firefox - PunBBChecked by: MathiasExtra infos: None

    Codes last updated on 11th June 2012 - 16:59 by Mathias

    Finish!
    • Veteran staff member

        Reputation : 4
        Registered on : 2012-02-25
        Posts : 69
      Nice job ;)

      SoulGeneralBlack
      • *****


          Reputation : 1
          Registered on : 2012-05-25
          Posts : 150
        nice code seems goos thanks for the aport Crazy

        FoNikos21
        • **


            Reputation : 0
            Registered on : 2012-05-22
            Posts : 15
          Nice!

          BlackNite
          • ***


              Reputation : 5
              Registered on : 2012-04-07
              Posts : 43
            Nice

            Nick
            • Manager

                Reputation : 20
                Registered on : 2012-04-01
                Posts : 407
              Good, but on here I think it'd look better if all the images was not on opacity and when you hover them they would get opacity.



              Opacity or clarity on an image on hover 15px10
              duuuwh
              • I'm a new member :)


                  Reputation : 1
                  Registered on : 2012-06-05
                  Posts : 8
                eeeeeeeeewdd

                Pagnel
                • **


                    Reputation : 0
                    Registered on : 2012-04-03
                    Posts : 13
                  Congrulation !

                  #Skull
                  • **


                      Reputation : 0
                      Registered on : 2012-06-25
                      Posts : 18
                    Good nice,
                    Testing yes

                    LoReGFx
                    • I'm a new member :)


                        Reputation : 0
                        Registered on : 2012-04-25
                        Posts : 6
                      Nice code, Great Job!

                      kostaskiller
                      • ***


                          Reputation : 2
                          Registered on : 2012-07-06
                          Posts : 33
                        yes good..

                        olokers
                        • ***


                            Reputation : 0
                            Registered on : 2012-04-17
                            Posts : 31
                          Thanks for this

                          Bomberin
                          • ***


                              Reputation : 0
                              Registered on : 2012-07-10
                              Posts : 26
                            Good Thank You!

                            Sir Chivas
                            • Veteran staff member

                                Reputation : 1
                                Registered on : 2012-03-23
                                Posts : 85
                              Nice.

                              D3vIlBl@cK
                              • I'm a new member :)


                                  Reputation : 1
                                  Registered on : 2012-07-18
                                  Posts : 1
                                woaw

                                body
                                • ***


                                    Reputation : 0
                                    Registered on : 2012-07-23
                                    Posts : 39
                                  Opacity or clarity on an image on hover 648050013

                                  gaby_gabi16
                                  • **


                                      Reputation : 1
                                      Registered on : 2012-06-19
                                      Posts : 14
                                    nice

                                    CMnXn
                                    • I'm a new member :)


                                        Reputation : 0
                                        Registered on : 2012-09-09
                                        Posts : 2
                                      Nice Job ;3

                                      Sol
                                      • **


                                          Reputation : 0
                                          Registered on : 2012-09-20
                                          Posts : 11
                                        been looking for this, thanks!

                                        HenriqueBr
                                        • **


                                            Reputation : 0
                                            Registered on : 2012-09-21
                                            Posts : 21
                                          o_O very good!!!

                                          Ado '-.-
                                          • **


                                              Reputation : 0
                                              Registered on : 2012-07-04
                                              Posts : 19
                                            Nice yes

                                            trendy
                                            • I'm a new member :)


                                                Reputation : 0
                                                Registered on : 2012-09-03
                                                Posts : 1
                                              nice yes

                                              Johnny
                                              • I'm a new member :)


                                                  Reputation : 0
                                                  Registered on : 2012-10-27
                                                  Posts : 1
                                                Great Job!

                                                ronjali
                                                • I'm a new member :)


                                                    Reputation : 0
                                                    Registered on : 2012-07-23
                                                    Posts : 9
                                                  sweet

                                                  Lapichito
                                                  • I'm a new member :)


                                                      Reputation : 0
                                                      Registered on : 2012-10-21
                                                      Posts : 2
                                                    Gracias.