Tag: CSS3
Posts of Tag: CSS3
  1. Having Fun With Impractical CSS

    Enough Theory, Let’s Get Coding Background and main container According to the structure chart, we want the background in html:before . Then we want the html element to contain everything. This allows us to ...Learn More
    NewsCSSWebDesignProgrammingCSS3BlogProgramming LanguagesDev
  2. Textarea Auto Resize [by ImpressiveWebs]

    On a current project, I was trying to find a way to auto-resize a textarea according to some content that would be loaded in dynamically via Ajax. I didn’t know the height of the content and the textarea elemen...Learn More
    NewsjQueryOut SourceJavaScriptCSS3Tips And TricksBlogProgramming Languages
  3. Hidden Features/Properties/Attribute/Tags of CSS3 and HTML

    In CSS and HTML world there are always features (Properties/Attribute/Tags) that would be useful in fringe scenarios, but for that very reason most people don't know them. I am asking for features that are not ...Learn More
    HTMLCSSHtml5CSS3Programming Languages
  4. Override opaque text in a transparent div with CSS

    I am trying to make text inside a transparent div have no opacity, aka be completely black: <div style="opacity:0.6;background:#3cc;"> <p style="background:#000;opacity:1">This t...Learn More
    HTMLCSSoverrideCSS3opacityProgramming Languages
  5. How to declare a div in @page @top-left

    How do I declare that a DIV should be displayed in top-left corner of every page and not in its relative position. I have a div like: <div id=header>Document</div> and I would like ...Learn More
    HTMLCSSCSS3Programming Languages
  6. How to give transparent hexagon angle at the last <li> only?

    I have to make menu like this. Items of drop-down can be increased and decreased If client will add or remove pages. width of drop-down's will depend on how many character in page title name. angle only need...Learn More
    JavaScriptjQueryCSSxhtmlCSS3Programming Languages
  7. flow 2 columns of text automatically with CSS

    I have the code similar to the following: &lt;p&gt;This is paragraph 1. Lorem ipsum ... &lt;/p&gt; &lt;p&gt;This is paragraph 2. Lorem ipsum ... &lt;/p&gt; &lt;p&gt;This ...Learn More
    JavaScriptHTMLCSSCSS3two-columnsProgramming Languages
  8. How to create a button with gradient background and background image?

    i'm trying to use some jquery client side validation for my asp.net 2.0 webform. and it seems that the normal input submit button can easily trigger the validation on click. but i'm currently using a three divs...Learn More
    DesignButtonCSS3background-imageGradientDev
  9. Non-linear shadow in HTML design

    I'm trying to create a shadow that is wider in the top like in the picture below. It does not have to be very cross-browser, recent Firefox and WebKit based browser will do just fine. Does anyone have any good ...Learn More
    HTMLHtml5CanvasCSS3Programming Languages
  10. CSS3 Background Gradient

    I have this class set for a page im testing (just starting to try to implement CSS3 so go easy on me). .CSS3TESTDIV{ width:228px; height:300px; background-color: #fff3; background-image: -moz-li...Learn More
    BackgroundCSS3Linear
  11. CSS Transform Rotate letter alignment

    Im using CSS Transforms to rotate an h2 5deg. For some reason the letters are out of alignment. Take a look at an example here http://dev.bestprintideas.com/bpi/image.png Heres the CSS .note-offer h2 { c...Learn More
    HTMLCSSCSS3TransformProgramming Languages
  12. What's new for developers in Mobile Safari iOS 4.2

    Does anyone know what the changes are to Safari in the iPad OS update coming in November, from a web application development standpoint? Is there any expanded support for hardware acceleration, any changes to ...Learn More
    JavaScriptiPadios4CSS3Programming Languages