Hi, I'm looking for an effect identical to [this](http://andrew-hoyer.com/experiments/rain/) that would, transition a container from one to another ? If you can imagine in the example link shownn above a container (<div>) raining and transitioning into another container (<div>) ?

Member Avatar
Member Avatar
+0 forum 1

Expecting a spike in traffic on my website. Not sure what to do. I have a website thats currently on a shared server plan. It's been working fine. In about a week, I'm expecting a spike in traffic during a specific 4-day event. I could have as many as 1000 visitors at one time on my site. My site is basically a phpbb 3.0 forum. I'm not sure what would happen with such a spike. Would the server crash or would access to the site grow to a crawl? My host is offering to switch me to a VPS or …

Member Avatar
Member Avatar
+0 forum 2

Hello everyone again, I'm trying to do some web studies here and of course, digging deeper into responsive web design. Recently I came across this web page: http://kumanimedia.com/portfolio You will notice when you rescale your browser window, the boxes fluxuate based on it's size. On that, I inspected the element and the css that caused that effect and from what it seems (I could be wrong) it's something to do with the webkit-transform: translate3d effect. Can anyone provide a bit more insight to what's exactly causing this effect? Thanks

Member Avatar
Member Avatar
+0 forum 2

Good day folks, I'm currently creating an effect wherein I want to extend a div over the whole page when the I hover it. Here's my code. <!DOCTYPE html> <html> <head> <style> #one { float:left; width:300px; height:100px; background:black; transition:width 2s; -webkit-transition:width 2s; /* Safari */ } #two { float:left; width:300px; height:100px; background:gray; transition:width 2s; -webkit-transition:width 2s; /* Safari */ } #one:hover { width:600px; } #two:hover { width:600px; } #wrapper { width: 600px; border: 1px solid black; } </style> </head> <body> <p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p> <div id="wrapper"> <div id = "one"></div> <div …

Member Avatar
Member Avatar
+0 forum 3

Hello Community, I was wondering if there is a way to make grid transition in visual studio using the language visual basic. Please help...

Member Avatar
Member Avatar
+0 forum 3

I'm building a javascript application that uses CSS transitions to fade the content container before swapping out the content and fading back in. It appears that Chrome waits for about half a second before beginning the transition. It usually then completes the transition really quickly and jerkily. In all other browsers it seems to work really smoothly. What is strange is that if I click the menu with a frequency of about once a second, it works smoothly. If I click with a slower frequency, it starts to execute with the delay and jerky animation again. I am creating the …

Member Avatar
Member Avatar
+0 forum 1

Im on chrome 16.0.912.21 beta and my transitions are not working. One thing i noticed is that when there is no full url on the link href, the transition works. When there IS a full url the transition stops working...i don't get it. check out this link: [url]http://elneco.biz/idk/[/url] any help would be much appreciated. -neco

Member Avatar
+0 forum 0

I have the following code working just fine, however I cannot get the .show('slow') on the "myDiv" content to "slow" down when displaying. Actually I can remove the .show('slow') all together and everything still works just fine. It is as if it is ignoring the .show() completely on that line. Any help is much appreciated! [code] <script language="JavaScript" type="text/javascript"> <!-- function swapContent(cv) { $("#myDiv").html('<img src="loader.gif"/>').show(); var url = "loadtruck.php"; $.post(url, {contentVar: cv} ,function(data) { $("#myDiv").html(data)[B].show('slow')[/B]; }); } //--> </script> <div id="myDiv"> <a href="#" onClick="return false" onmousedown="javascript:swapContent('780');">780</a><br> <a href="#" onClick="return false" onmousedown="javascript:swapContent('379');">379</a><br> <a href="#" onClick="return false" onmousedown="javascript:swapContent('9400i');">9400i</a> </div> [/code]

Member Avatar
Member Avatar
+0 forum 1

I'm the owner of a computer repair shop. I have a degree in Computer Engineering Technology along with several certifications and am well versed in PC and notebook repair; it is how I make my living. I have been being asked on an increasingly more often rate if I repair Macs. I have never personally used a Mac and the only Apple product I own is an iPod Touch. I would like to somehow transition into incorporating Mac repair into my business. What would be the best way for me to learn? I realize that I should probably buy a …

Member Avatar
Member Avatar
+0 forum 14

im using css transtions on a site and they are behaving oddly on Safari 5.0.3. Anyone else having this kind of issue? The initial and hover states work fine but after you mouse out, some of the original properties are lost or the regular and hover states are mixed together...idk whats goin on. but only in Safari 5.0.3....?? FYI i am using the transition on a submit button. with borders, border radius, and BG gradients on both normal and hover states.. hope someone can shed some light on this issue thnx -neco

Member Avatar
Member Avatar
+0 forum 1

The End.