Welcome To Snipplr


Everyone's Recent Snippets Tagged css



« Prev 1 2 3 4 5 ... 43
  1. FAV

    Fix dropdown menu after scroll in Divi to keep menu items white (or whatever color you need)

    fixes the dropdown li menu in Divi after shrinking header scroll to keep the li elements the correct color
    ActionScript 176 views posted 4 weeks ago by sharkpuck
  2. FAV

    syntax for creating the gradient in CSS

    CSS gradients help you to display transitions between more than two colors. In order to create a linear gradient, you must represent at least two color stops. Color stops are the colors you desire to render smooth transitions among. In addition to th...
    CSS 160 views posted 2 months ago by devquora
  3. FAV

    Non-Transparent Inside Transparent Elements

    If using transparency on a block element it makes the text inside transparent as well. Is there a way you can prevent that from happening? Yes, you may do it by putting the text in another div and setting the opacity to 100%, but that didn't do the j...
    CSS 19 views posted 2 years ago by apphp-snippets
  4. FAV

    Align Backgroud Image with Offset in CSS

    You may align background image not only to left or top corner, but also use an offset for alignment.
    CSS 14 views posted 2 years ago by apphp-snippets
  5. FAV

    Aligning Checkbox with Label

    Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.
    CSS 11 views posted 3 years ago by mattvbiggs
  6. FAV

    CSS HORIZONTAL LIST MENU

    Learn how to build simple css horizontal list menu.
    CSS 23 views posted 3 years ago by codingforever99
  7. FAV

    Css bullet img replacement

    Change your list bullet to a custom character in CSS. Will not wrap it multiple lines
    CSS 12 views posted 4 years ago by bcounts
  8. FAV

    Media Query for Footer CASHBOARD

    This is the CSS for the footer
    CSS 18 views posted 4 years ago by Hootz
  9. FAV

    css border bottom on Text input

    Text input Field with Bottom Border only. Border color change at focus
    CSS 17 views posted 4 years ago by 52756
  10. FAV

    My own font-face in CSS

    It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.
    CSS 17 views posted 4 years ago by apphp-snippets
  11. FAV

    My own @font-face in CSS

    It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.
    CSS 14 views posted 4 years ago by apphp-snippets
  12. FAV

    CSS: Media Query

    This is code you put in a CSS file. It queries the size of the screen using the parameters passed in. If its true, it then applies the CSS
    CSS 14 views posted 4 years ago by heathbo
  13. FAV

    Read More Script

    Nice little Face in for long text (slightly modified)
    CSS 15 views posted 4 years ago by designermedia
  14. FAV

    Bootstrap All Screen Align

    This is a simple SASS script that producing CSS classes for text alignment in different screen sizes primarily for bootstrap but of course can be used in other scripts as well.
    SASS 9 views posted 4 years ago by merianos
  15. FAV

    Transition Effect for Gradients on Hover

    A simple transition from a linear gradient to a radial gradient can be made very dramatic by including a color change transition. One of 10 effects presented.
    CSS 18 views posted 4 years ago by COBOLdinosaur
  16. FAV

    css code example

    CSS3 code from portfolio site
    CSS 16 views posted 4 years ago by johnschneider
  17. FAV

    Rotating HTML Elements With CSS

    The base rotation can be in three different planes; though as we will see later combinations can make it look like we rotate through many perceived planes. In the examples below instead of rotate we specify the plane by using rotateZ (The default we...
    CSS 12 views posted 4 years ago by COBOLdinosaur
  18. FAV

    Sample Media Query in html Header

    Unlike linked style sheets, it is necessary to enclose CSS in Headers in a "style type". This example media query is for screens under 1024 (tablets and phones) to make sure the images do not extend beyond the layout.
    CSS 16 views posted 5 years ago by jefferis
  19. FAV

    CSS Basic Banner

    This is the style for a basic banner.
    CSS 18 views posted 5 years ago by RodolfoMiranda
  20. FAV

    Include Cascading Style Sheets (CSS) in JSF

    In JSF 2.0, you can use <h:outputStylesheet> output a css file
    CSS 12 views posted 5 years ago by luhonghai
  21. FAV

    Accessibility/SEO Friendly CSS Hiding

    Removes an item from the page, without affecting page flow or causing scrollbars. Much better than display: none; or even visibility: hidden;
    CSS 11 views posted 5 years ago by luhonghai
  22. FAV

    Hexadecimal Color Inverter

    By Matt Lagrandeur
    JavaScript 13 views posted 5 years ago by tionazo
  23. FAV

    css navigation menu bar

    useful and simple css navigation menu bar.
    CSS 19 views posted 5 years ago by codingforever99
  24. FAV

    CSS counter styling

    two properties: * counter-reset * counter-increment This example shows a way to number chapters and sections with "Chapter 1", "1.1", "1.2", etc.
    CSS 7 views posted 5 years ago by ngocviet
  25. FAV

    Targeting Chrome With CSS

    This solution is based on Chrome specific CSS extension. Other browsers will ignore this rule.
    CSS 13 views posted 5 years ago by apphp-snippets
  26. FAV

    Corrugated Background using Gradient

    A simple effect using simple CSS. This is part of a collection of gradient effects
    CSS 12 views posted 5 years ago by COBOLdinosaur
  27. FAV

    rgba fallback for any attribute

    rgba fallback for any attribute
    SASS 11 views posted 5 years ago by eklemen
  28. FAV

    Chrome Fix for Disappearing Fonts

    Chrome bug-fix. CSS forces Chrome to redraw the fonts
    jQuery 12 views posted 5 years ago by eklemen
  29. FAV

    Custom Select Inputs

    SASS to customize the appearance of select inputs
    SASS 17 views posted 5 years ago by eklemen
  30. FAV

    Animated Tooltip with CSS

    This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use "transform" feature of the CSS3 and some other tricks. Also you may find additional tooltip class provided, to show you the way you may customize thi...
    CSS 12 views posted 6 years ago by apphp-snippets
« Prev 1 2 3 4 5 ... 43