Thread: Custom CSS gradiental framework

Results 1 to 5 of 5
  1. #1 Custom CSS gradiental framework 
    Banned

    Join Date
    Nov 2014
    Posts
    611
    Thanks given
    180
    Thanks received
    156
    Rep Power
    0
    Just a little project i've been working on to up my CSS game.
    Going to work on alot more of components, but I have very little time.

    This was made in about 2 hours of work~
    I may make this opensource just for the sake of learning.

    I decided to not use SASS due to me just working on it at work and not being able to compile properly.

    Check a demo out here

    Spoiler for Features:

    -Clean styling templates for each component
    -Appealing gradient with smooth hover effects/overflows
    -Fully responsive
    -Based on Bootstrap's grid
    -Minimizable panels
    -Dismissable alerts


    Current version:
    Attached image

    Spoiler for Version 1:

    Attached image

    Attached image

    Attached image

    Attached image

    Attached image

    Attached image

    Attached image

    Attached image
    Reply With Quote  
     

  2. #2  
    §ecurity Ⱥnalyst
    Noele's Avatar
    Join Date
    Dec 2016
    Posts
    527
    Thanks given
    291
    Thanks received
    572
    Rep Power
    2203
    Dunno why you posted two threads hun, but it looks good.

    I would also suggest maybe making the start and end colors closer together (color-wise, not literally closer) so that it looks like one smooth gradient.
    Attached image
    Join the Zenyte discord below to keep up with the development, and grow with our community! 2000+ members and 7000+ registered in one week!
    Attached image
    Reply With Quote  
     

  3. #3  
    Banned

    Join Date
    Nov 2014
    Posts
    611
    Thanks given
    180
    Thanks received
    156
    Rep Power
    0
    Quote Originally Posted by Delusional View Post
    Nice work, looking forward for updates
    Thank you

    Quote Originally Posted by Noele View Post
    Dunno why you posted two threads hun, but it looks good.

    I would also suggest maybe making the start and end colors closer together (color-wise, not literally closer) so that it looks like one smooth gradient.
    That's a good question; most likely I pressed the post button twice for some reason.

    That's good advise, but I do want the gradient to be obvious.
    Thank you

    Preview without gradients
    Reply With Quote  
     

  4. #4  
    shit im high af

    Chance's Avatar
    Join Date
    Feb 2012
    Age
    28
    Posts
    1,046
    Thanks given
    96
    Thanks received
    1,076
    Rep Power
    5000
    I do think the gradients are way too over the top. Gradients need to be smooth. The purple to blue is nice. The yellow to orange is nice. Practically all others I'm not sure of.
    Gradients are definitely a simple CSS task these days, though. But it's good that you're learning! Keep it up. Though you want the gradients to be obvious, it's not executing a pleasing result in this manner.
    Quote Originally Posted by Nikolas RSPS View Post
    ill get a rune-server tattoo at 60,000 replies
    Reply With Quote  
     

  5. #5  
    Banned

    Join Date
    Nov 2014
    Posts
    611
    Thanks given
    180
    Thanks received
    156
    Rep Power
    0
    Quote Originally Posted by Chance View Post
    I do think the gradients are way too over the top. Gradients need to be smooth. The purple to blue is nice. The yellow to orange is nice. Practically all others I'm not sure of.
    Gradients are definitely a simple CSS task these days, though. But it's good that you're learning! Keep it up. Though you want the gradients to be obvious, it's not executing a pleasing result in this manner.
    I'll see if I can input your feedback. Thank you!

    I just added another version, tried to make the transitions more smooth and also uploaded them to a 000webhost host.
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Custom css for motivote
    By Jacob in forum Buying
    Replies: 0
    Last Post: 08-02-2017, 04:33 PM
  2. Arrav - Absolute Quality [Custom Framework]
    By ArravRSPS in forum Projects
    Replies: 79
    Last Post: 04-27-2012, 09:12 PM
  3. Custom Gameframe Framework!
    By Inside Sin in forum Graphics
    Replies: 17
    Last Post: 05-01-2009, 09:42 PM
  4. Custom framework.
    By Encouragin in forum Downloads
    Replies: 13
    Last Post: 09-23-2008, 09:58 PM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •