HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb 8]

Everything related to the visual and coding aspects of websites.
User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Fri Feb 03, 2017 2:21 pm

CSS mouse over effects!

* CSS Mouse Over Effects - Two mouse over effects to show a short description when hovering over a preview image. I also posted it at code pen

User avatar
Robin
Events Staffer
Posts: 3161
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Fri Feb 03, 2017 3:31 pm

OOH I have always wanted to know how to do these!! Thank you, Mikari!!
~ a dream is a wish your heart makes ~
withinmyworld.org

User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Sat Feb 04, 2017 10:39 pm

You're welcome! I added two more!

* CSS Mouse Over Effects Part 2 - Two more mouse over effects to show a short description when hovering over a preview image.

User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Mon Feb 06, 2017 1:55 pm

Another update! This time with fancy scrollbar alternatives

* Webkit Scrollbars – Arrows and stars, image scrollbar examples.

User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Wed Feb 08, 2017 4:29 pm

Update! Everyone needs to try this one!

* CSS Transitions - A short code that can make a big difference, hover effects will look smooth and cool!

User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Thu Feb 09, 2017 6:23 pm

* Inline blocks are better than tables part 1 http://mikaristar.deviantart.com/art/In ... -662534764 and part 2 http://mikaristar.deviantart.com/art/In ... -662552180 Easier to change when the layout changes and they can even be made responsive with %.

User avatar
Robin
Events Staffer
Posts: 3161
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Fri Feb 10, 2017 10:10 am

Beautiful! I never knew how those smooth transitions were made or how you could put things in table format without using tables! :O
~ a dream is a wish your heart makes ~
withinmyworld.org

User avatar
Mikari
Posts: 3249
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Mon Feb 13, 2017 3:42 pm

I had fun experimenting with CSS this break :D

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests