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 Sun Mar 25, 2012 5:00 am
    Finish!
    • Veteran staff member

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

      #2 - Posted 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 Tue Jun 12, 2012 1:04 am
        FoNikos21
        • **


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

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


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

            #5 - Posted 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 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 Thu Jun 21, 2012 3:53 pm
                Pagnel
                • **


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

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


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

                    #9 - Posted 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 Sat Jul 07, 2012 12:17 am
                      kostaskiller
                      • ***


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

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


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

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


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

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

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

                              #14 - Posted 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 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 Thu Aug 30, 2012 3:26 am
                                  gaby_gabi16
                                  • **


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

                                    #17 - Posted 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 Sun Sep 09, 2012 5:33 pm
                                      Sol
                                      • **


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

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


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

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


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

                                            #21 - Posted 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 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 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 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 Fri Nov 02, 2012 12:35 am

                                                        #26 - Posted