html - Slide out label with css3 transitions -

-

I have the following, this is the label with a numeric position with the number and marker text: 

  & lt; span href = "#" class = "part-marker" & gt; & Lt; a href = "#" class = "marker-label" & gt; 1 & lt; Span & gt; & Amp; Nbsp; Marker text & lt; / Span & gt; & Lt; / A & gt; & Lt; / Span & gt;   
 How can I slide it over the hover using CSS 3 transition? I have tried to use it successfully ??   
 
 
 See below a simplified version - here is the root that you can not make a transition to properties Which do not scale, so from where you have going from  display: any  t  inline-block , this hidden is shown because there are no arbitrator digits I Instead you can use a combination of  max-width  and  overflow  in the form below.  
  
 HTML  
  & lt; Div & gt; & Lt; A href = '#' & gt; 1 & lt; / A & gt; & Lt; Period & gt; Label & lt; / Span & gt; & Lt; / Div & gt;   
 css  
  one {display: inline-block; Background: blue; White color; Padding: 0 5px; } Div {status: relative; } Div span {Status: Absolute; display: inline-block; Max-width: 0; Hidden flurry; Transition: All 1s in Ease; } A: hover + duration {max-width: 100%; }

Comments

Post a Comment

Popular posts from this blog

python - Writing Greek in matplotlib labels, titles -

-
Image
I'm trying to write some text for labels, shape titles etc. with my plots, but no benefit till now Has not happened . I do not want to print specific characters (I know how to use special characters), I want to write the entire text in Greek (maybe Unicode and text ' ?). , suggesting that I would like to mention that for some reason I can not get matplotlib to cooperate with Tex (using IPython notebook from Anaconda in Ubuntu 14.10) so that there really is an option Will not be the first. I tried loading the Arial font and it loads successfully but again I get square blocks instead of characters. I import matplotlib.font_manager FM PROP = FM Font Properties (fname = '/ usr / share / fonts / truetype / msttcorefonts / Arial.ttf') And then to display the string I u'Î? ? I ?? Î¿Ï ?? ÎμÎ »second ?? μΠ± i ?? I ± i ?? I ?? Used ο किया? ? Î¿Î¼Î¿Î¯Ï ?? I ?? I · I ?? ' . Ariel is considered to be fully presented to Greek and I have used it many times ...
Read more

c# - LINQ to Entities does not recognize the method 'Int32 IndexOf(System.String, System.StringComparison)' method -

-
I have performed a linq query using Entityframework as below GroupMaster getGroup = Null; GetGroup = DataContext.Groups.FirstOrDefault (item = & gt; keyword.IndexOf (item.Keywords, StringComparison.OrdinalIgnoreCase)> = 0 & amp; amp; item.ISNAmd) I found an exception like the method when executing it LINQ units do not recognize the 'Inter 32 index of (system string, system. String compromise)' method, and This method can not be translated to Store expression. Includes () method is sensitive by default, then I need to convert to minimize. Is there any method in which a string match match is examined and whether there is any method to solve the index question of the method? You actually have four options Databases globally Change the colon of it can be done in many ways, a simple Google search should reveal to them. Change the mix of individual tables or columns. Use a stored procedure and specify the call statement on your query Perform...
Read more

c# - Call function from DLL -

-
It is well known that you can work in a DLL, referencing DLL and then your main performance Can call functional function I want to know that the reverse route is also possible? So I want to call a function in the main executable from DLL, without actual function which should be called without DLL. Reason: I'm working on a plugins system. Yes, executables can be added as references in your project, you can use them in the same way On which you call functions from referenced DLS
Read more