I'm trying to do a background that at first it looks clearly and after the content appears, I want it to be blurry. I want this to be in a CSS with Javascript, not flash. As an a example : http://www.lanvin.com (example is flash). This is possible ? and how ? Thanks .
You could set a background in css then when the all content loads use javascript to place a translucent but bury image over the top.
Related
I'm wondering if CSS alone can perform the following effect or if I need javascript? Here's a video demo of what I mean
https://www.youtube.com/watch?v=HhJgoT7C8XI
Notice how the text slides up and has as "squish effect"? The line items at the top change from a big line-height to a small line-height faster than the lines at the bottom. Can this effect be achieved by CSS alone? Or do I need javascript or a javascript plugin?
I tried to view the source code for the demo in the video, but I couldn't identify what's causing this effect.
Anyone have ideas?
I did achieve the squishing effect via CSS only by setting a different transition-delay: for each element.
I am using magnific-popup pluggin to display some image links in my application. It displays all the images with their actual size. However, I want to display those images with my custom width and height.. How can I do that.. Is there option to give size of content in the magnific-popup during initialization..? Do any one have an idea..
Thanks in advance.
I found the answer. It can be done by changing the respective class's css properties manually. But, that is also fixed for all images.
Thanks.
I am trying to put a background image into a text-field (it's just a search icon). And it is tiling the image in the text field. Is it possible to turn off the repeating of the image? i don't see anything like that, i'm seeing padding and position for background images but nothing to turn off the tiling of the image. is this not possible in pixate yet?
thanks!
You should be able to set background-size to the size of your text-field so it won't have anything to repeat.
I battled this same problem, and in the end, I found I got what I wanted by using multiple objects. Even if you get the search icon to work right, you're probably going to notice the UITextField doesn't pad the text away from the icon.
Anyway, here's how I ended up doing it so that I had full control over the style.
So you can put your search icon in the UIImageView and then define your text field's style (border, background color, etc.) with the UIView. The UITextField ends up being plain white/transparent, and positioned so that its text doesn't overrun the search icon.
I hope that helps.
OK, So I am working on this Nivo Slider for a website I am doing for my school... I am wondering if it is possible to actually get the Nivo Slider to transition with text below. Not necessarily a caption but like when the Nivo goes to a new image the text below will go to another bit of text. I have the Nivo working in all browsers but I was curious if anyone knew if this was even possible. I tryed putting large text in a caption but It just made the caption go all over the Nivo instead of down below the image like I want..
Thanks for any suggestions!
You can place text below the gallery using the caption option and just display it below using CSS.
Simply go in to the nivo-slider.css file and change the position of the nivo-caption class to relative.
yes this is possible, with simple css modification you can display the captions under the slider and they'll fade at the same time as the images.
Kind regards
I am trying to implement a control to edit text that will display the text in multiple colors. None of the solutions I have attempted yet have been good enough.
UITextView cannot accomplish this. All of the text must be the same color.
Using CoreGraphics to draw the text does not allow the text to be selected.
Using a UIWebView, DIV and PRE tags cannot be set to contentEditable on Mobile Safari.
Currently playing with using an off-screen TEXTAREA and an on-screen DIV to show the rendered text. This works pretty well, except supporting all of these at the same time seems impossible: click-to-type, click-to-move-cursor, click-and-hold-select/copy/paste.
Anyone have any tips on this predicament?
I've been trying to find any preexisting library out there that will accomplish this in a good way, to no luck. I'm open to any ideas!
Well, just pulling an idea out of my... let's say hat.
Could you put a transparent UITextfield over a view that draws the text? If the background was clear and the text color was clear the user could not perceive it but it should still respond to all commands. As the user enters and edits text you could draw the results on the view underneath.
I think the selection would work without any modification at all. When the user selected the clear text, it should create the illusion of selecting the drawn text automatically.
Like this one? StyledText http://three20.info/gfx/overview/styledtext.png It's in Three20 .
Here is an idea. I have no idea if it would work.
If you are only using colors, and not styles, the a UIWebView with colored text might layout text in exactly the same way as a UITextView. You could put a UITextView with invisible ink (text and background fully transparent) over a UIWebView and mirror the contents with colors in the html. I assume you can do scrolling with javascript along with the colored layout.