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

    #1 - Posted on Sun Mar 25, 2012 5:00 am
    Finish!
    • Veteran staff member

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

      #2 - Posted on Sun Mar 25, 2012 12:43 pm
      SoulGeneralBlack
      • *****


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

        #3 - Posted on Tue Jun 12, 2012 1:04 am
        FoNikos21
        • **


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

          #4 - Posted on Tue Jun 12, 2012 8:52 am
          BlackNite
          • ***


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

            #5 - Posted on Fri Jun 15, 2012 8:57 am
            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
              #6 - Posted on Fri Jun 15, 2012 7:47 pm
              duuuwh
              • I'm a new member :)


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

                #7 - Posted on Thu Jun 21, 2012 3:53 pm
                Pagnel
                • **


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

                  #8 - Posted on Thu Jun 21, 2012 8:59 pm
                  #Skull
                  • **


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

                    #9 - Posted on Tue Jun 26, 2012 11:03 pm
                    LoReGFx
                    • I'm a new member :)


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

                      #10 - Posted on Sat Jul 07, 2012 12:17 am
                      kostaskiller
                      • ***


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

                        #11 - Posted on Sat Jul 07, 2012 8:16 am
                        olokers
                        • ***


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

                          #12 - Posted on Sun Jul 08, 2012 10:37 am
                          Bomberin
                          • ***


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

                            #13 - Posted on Sun Jul 15, 2012 1:19 am
                            Sir Chivas
                            • Veteran staff member

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

                              #14 - Posted on Sun Jul 15, 2012 4:13 pm
                              D3vIlBl@cK
                              • I'm a new member :)


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

                                #15 - Posted on Wed Jul 18, 2012 11:34 pm
                                body
                                • ***


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

                                  #16 - Posted on Thu Aug 30, 2012 3:26 am
                                  gaby_gabi16
                                  • **


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

                                    #17 - Posted on Sat Sep 01, 2012 1:24 pm
                                    CMnXn
                                    • I'm a new member :)


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

                                      #18 - Posted on Sun Sep 09, 2012 5:33 pm
                                      Sol
                                      • **


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

                                        #19 - Posted on Thu Sep 20, 2012 3:07 pm
                                        HenriqueBr
                                        • **


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

                                          #20 - Posted on Fri Sep 21, 2012 8:48 pm
                                          Ado '-.-
                                          • **


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

                                            #21 - Posted on Mon Oct 08, 2012 7:09 pm
                                            trendy
                                            • I'm a new member :)


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

                                              #22 - Posted on Tue Oct 23, 2012 12:39 am
                                              Johnny
                                              • I'm a new member :)


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

                                                #23 - Posted on Sat Oct 27, 2012 9:47 am
                                                ronjali
                                                • I'm a new member :)


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

                                                  #24 - Posted on Tue Oct 30, 2012 5:41 pm
                                                  Lapichito
                                                  • I'm a new member :)


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

                                                    #25 - Posted on Fri Nov 02, 2012 12:35 am

                                                        #26 - Posted