CSS3 Inverted Rounded Corner
- by VirtuosiMedia
Is there a way to do an inverted rounded corner in CSS3, something approximately like the bottom left corner in the (crude) drawing below?
/-------\
| |
| |
| |
| ______/
|/
Search Results
Search found 533 results on 22 pages for 'css3'.
Page 2/22 | < Previous Page | 1 2 3 4 5 6 7 8 9 10 11 12 | Next Page >
-
-
css3 design tutorial/template etc
- by Adam
Hello, I search some tutorial/templates how made easy (lightwight) and nice css3 design, or made with some "css firmware" etcRead the article
-
Css3 Transition on background transparent not working in Chrome 5
- by Ricardo Koch
I`m trying to create an animation using CSS3 transition. The animation is a gradient background that should change his color (rgba). I used the webkit tag for the gradient and it`s working in Chrome 5.0.375.55. Looking into w3c site I see that "background-image - only gradients" is supported for the transition.…Read the article
-
Burnt edges for a div using CSS3?
- by Legend
Is there a way I can get a non-conventional shape to a div like that of burnt sides or something similar using CSS3?Read the article
-
CSS3 transition events
- by eskimoblood
Are there any events fired by an element to check wether a css3 transition has started or end?Read the article
-
CSS3 text-shadow effect with jQuery
- by Marco
Hello, I wanted to be able to create a effect identical to CSS3 text-shadow Property, making it available to browsers that doesn’t support this CSS3 Property (like IE 7 and 8). And so I found two plugins: Text Shadow and Drop Shadow Effect. I decided to use Text Shadow, because it was released in the end of…Read the article
-
Best resources for HTML5 & CSS3?
- by praksant
Do you know about useful resources about HTML5 & CSS3?Read the article
-
CSS3 Gradients and border-radius leading to extraneous background in webkit
- by iamfriendly
Hello all, After my 1st question with relation to CSS3 gradients in which I was recreating an 'inner glow' I've now got to the point where I'm not so happy with the way in which webkit renders the effect. Basically, if you give an element a background colour and apply a border radius to it, webkit lets the…Read the article
-
JQuery with css3 keydown keyCode = 37 and 39
- by rayrule
I have tested both ways. jquery animation and css3 transition, and css3 is a little bit faster. But i have a problem with the following code: $(document).keydown(function(e){ if (e.keyCode == 39) { var DocHeight = $(document).height(); $('.container').css("margin-top","-="+DocHeight) } }); if i…Read the article
-
CSS3 - Validator - RGBA wrong?
- by poru
I'm using the W3C CSS Validator with the Profile CSS3 but the validator says that my CSS rgba()'s are wrong. I looked up the Color Module Level 3, and the syntax is the same as mine. I also tried the Dev-Validator, same result. Example input: div.class { border: 1px solid rgba(0, 0, 0, 0.5); } Am…Read the article
-
CSS3 webkit fading in a tooltip.
- by Kyle Sevenoaks
HI, I've just been experimenting with a CSS tooltip that fades in with CSS3's transitions. I've got it working up to a point, but for some reason, when I hover over where it's meant to be, it activates, even though it's positioned left:-999px;. So basically, what am I doing wrong/is what I was going…Read the article
-
CSS3 Selectors To Find All But Last
- by c00lryguy
How would I select all but the last child using css3 selectors? For example, to get only the last child would be div:nth-last-child(1)Read the article
-
html5/css3 framework like BluPrint/960?
- by mamcx
I'm starting a side project and want to build it with html5/css3. Is not a concern backward compatibility. I wonder if exist a framework similar to BluePrint/960 grid system. Mainly, I'm looking for the grid system & typografy. The best (and only I found that play nice with html5 new tags) is…Read the article
-
Is there a way to curve / arc text using CSS3 / Canvas
- by gabriel
I'm trying to curve text this effect using CSS3, HTML Canvas, or even SVG (see image below for example)? Is this possible? If so, how can I achieve this effect?Read the article
-
css3 won't validate in w3c valdidator
- by krike
-moz and -webkit won't validate in w3c css validator, should I not use it? or just use the css3 attribute without the -moz or -webkit ?Read the article
-
APress Deal of the Day 24/Oct/2013 - CSS3 Solutions
- by TATWORTH
Originally posted on: http://geekswithblogs.net/TATWORTH/archive/2013/10/24/apress-deal-of-the-day-24oct2013---css3-solutions.aspxToday's $10 deal of the day from APress at http://www.apress.com/9781430243359 is CSS3 Solutions "CSS3 contains a broad set of new additions and changes…Read the article
-
Sidebar with CSS3 transform
- by Malcoda
Goal I'm working on a collapsible sidebar using jQuery for animation. I would like to have vertical text on the sidebar that acts as a label and can swap on the animateOut/animateIn effect. Normally I would use an image of the text that I've simply swapped vertically, and switch it out on…Read the article
-
Is there a way to specify a CSS3 transition to occur only on :hover and when returning from hover, not on every event? [closed]
- by Steve
You could define the transition on the :hover event, which causes the browser to render only the effect into the hover and not out of it. a:hover { transition... } Using scale as an example, an image being scaled up would scale up on hover, but go straight back down without any…Read the article
-
need to align part of list item to right of li - using CSS3 Jquery column-layout
- by Brad
Using this jquery script to acheive CSS3 3-columns, to display a list of members alphabetically. I need it to display this way, which is does: A D B E C F Here is what I am using http://www.csscripting.com/css-multi-column/example6.php? (using this js file…Read the article
-
Test For CSS3 Radial Gradient Vendor Syntax
- by Scott Christopherson
I'm having an issue where I'm trying to update the background gradient of an element with JavaScript based on values I specify. I tried this route: elem.style.backgroundImage = '-webkit-gradient(radial, '+x+' '+y+', 0, '+x+' '+y+', 800, from(#ccc), to(#333)),…Read the article
-
CSS3 box-shadow + inset + RGBA
- by mkotechno
I'm doing some tests with new features of CSS3, but this combination only works in lastest versions of Chrome and Firefox, but not in Safari or Opera: box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0px -10px 20px 0px…Read the article
-
@font-face and CSS3 working locally but not on hosting
- by iamfriendly
Hello chaps and chapettes, I've got a bit of a strange one for you (so to speak). I've devised a little 'coming soon' page for my site which, locally, (on a WAMP setup) is working flawlessly - in capable browsers (i.e. Chrome and Safari), the page looks fine…Read the article
-
CSS3 Box Shadow Fade Out Effect
- by Eric Bergman
Is it possible to achieve a Fadeout effect with CSS3 Box Shadow? Here's what I have so far? This only adds inset shadow to the vertical sides but I need to achieve a fade out effect at the top. -moz-box-shadow: inset 5px 0 7px -5px #a4a4a4, inset -5px 0 7px…Read the article
-
CSS3 Continous Rotate Animation (Just like a loading sundial)
- by Gcoop
Hi, I am trying to replicate an Apple style activity indicator (sundial loading icon) by using a PNG and CSS3 animation. I have the image rotating and doing it continuously, but there seems to be a delay after the animation has finished before it does the…Read the article
-
Buttons, hover, text and transitions on pure css3
- by Mascote Ricardo
I bought a responsive html5 template to create a website for my band. But I miss a page of tour dates, and would create a unique content, simple and quick to load on any device. I have the idea ready, something like buttons (months) to change on hover and…Read the article
