back soft

متن مرتبط با «css3 radial gradient generator» در سایت back soft نوشته شده است

Collapse/expand GPU CSS3 smooth transition

  • امروزدخترم رابردم دندانپزشکی .یکی ازهمکاران قدیمی به اسم خانم شریفی رادیدم خوشحال شدم ،راستش برای من فرقی نمی کنه که خاطره خوب ازهمکارام داشته باشم یانه وقتی بعدازمدتهااونهارامی بینم خوشحال میشم،بعدرف, ...ادامه مطلب

  • D3.js Adding links between elements in a radial tree (Hierarchical edge bundling elements)

  • Vote count: 0 A couple of months ago, I tried combining Hierarchical Edge Bundling and Radial Reingold–Tilford Tree using d3.js I started from the HEB and tried to make it into a tree. Things have not worked out the way I wanted, and I realized it might be better to start from a collapsible radial tree (not Reingold Tilford), with a different angle. Here is a JSFiddle of the radial tree The data model has also changed, as elements now have a name, children and imports (links). var flare = { "name": "root", "children": [ { "name": "test1.parent1","children": [ {"name": "test1.child11","children": [ {"name": "test1.child111"}, {"name": "test1.child112"} ]} ],"imports": ["test2.parent2","test3.parent3","test4.parent4"] }, { "name": "test2.parent2","children": [ {"name": "test2.child21"}, {"name": "test2.child,d3 js add links,d3 js append link ...ادامه مطلب

  • CSS3 radial gradient

  • Vote count: 0 I need to know if this is even possible. The "creative" photoshop department comes up with this image, and before it was just a gradient fading from 1 to 5 colors. They still do this, but they now how a white circle on top of it. How would i even go about accomplishing this. the examples syntax have no exact positioning. Many thanks in advance. asked 18 secs agoMichael Rudner Evanchik Let's block ads! بخوانید,css3 radial gradient,css3 radial gradient generator,css3 radial gradient background,css3 radial gradient position,css3 radial gradient animation,css3 radial gradient with transparency,css3 radial gradient ellipse,css3 radial gradient syntax,css3 radial gradient examples,css3 radial gradient size ...ادامه مطلب

  • java list generator of all possible combinations

  • Vote count: 0 I want to make a function that will make a list of all possible combinations of a charset between length n and n+m in java. I'm trying to demonstrate how hash cracking works and I was asked to write in java, but I'm not very familiar with it. I would also like to know if there is something like the python yeald function in java and if so how can I imlement it. asked 7 secs agoLendion Let's block ads! بخوانید,java list generator,java list combination generator,java word list generator,java random list generator,java password list generator,java generate list of numbers,java generate list of random numbers,java generate list of years,java generate list from array,java generate list of dates ...ادامه مطلب

  • gradient angular js not responding

  • Vote count: 0 i am trying to use gradient for my charts with angularjs1 using angular-chart.js version 1.0.0 but it seems that fillcolor does not recognize gradient here is my code down below var app = angular.module('starter', ['ionic', 'ngCordova', 'chart.js', 'ionic-modal-select']).controller('graphCtrl', function($scope) { var ctx = document.getElementById('base2').getContext('2d'); var gradient =ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, 'rgba(243, 103, 101,0.5)'); gradient.addColorStop(1, 'rgba(0, 89, 179,0.5)'); $scope.labels2 = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; $scope.data2 = [ [65, -59, 80, 81, -56, 55, -40], [28, 48, -40, 19, 86, 27, 90] ]; $scope.type2 = 'bar'; $scope.colors2 = [{ fillColor: gradient, strokeColor: 'rgba(151,187,205,1)', pointColor: 'rgba(151,187,205,1)', pointStrokeColor: '#fff', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(151,187,205,0.8)' }, { pointDot: false, pointDotRadius: 0, fillColor: gradient, strokeColor: 'rgba(187,155,206,1)', pointColor: '#BB9BCE', pointStrokeColor: 'rgba(187,155,206,1)', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(187,155,206,1)' }]; $scope.datasetOverride2 = [{ label: "Bar chart", borderWidbelowbelowth: 1, type: 'bar' }, { label: "Line chart", borderWidth: 3, hoverBackgroundColor: "rgba(255,99,132,0.4)", hoverBorderColor: "rgba(255,99,132,1)", type: 'line' }]; }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div class="chart-container" > <canvas id="base2" class="chart-base" chart-type="type2" chart- data="data2" chart-labels="labels2" chart-colours="colors2" chart- options="options2" chart-dataset-override="datasetOverride2" > , ...ادامه مطلب

  • Android SVG with Gradient on API +17

  • Vote count: 0 I decide to create my own splash screen for my android applications, i want to draw path and fill my brand logo as a SVG with Animation, so i searched about android SVG libraries and then find this : https://github.com/jaredrummler/AnimatedSvgView this library has a good performance on solid colors: Screen shot from emulator Question: My logo has gradient patte and this library and other libraries i've searched before doesn't support gradient. i created a xml gradient into drawable : radial_gradient.xml <?xml version="1.0" encoding="utf-8"?> <shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:type="radial" android:startColor="#34364E" android:endColor="#0C0824" android:gradientRadius="100" android:angle="270" android:centerX="-183.6897" android:centerY="328.9722"/> </shape> and use it to one of color array items : <integer-array name="svg_path_colors"> <item>@drawable/radial_gradient</item> <item>@color/google_red</item> <item>@color/google_yellow</item> <item>@color/google_blue</item> </integer-array> this trick doesn't work for me please show me a good way for animate my SVG with gradient fill , firt draw SVG path then fill SVG gradient background. THANKS asked 40 secs agoSajjad.Saraji This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.Recommended article from FiveFilters.org: Most Labour MPs in the UK Are Revolting., ...ادامه مطلب

  • CSS3 add cursor transitions

  • Vote count: 0 Is it possible to add a css3 transition to a cursor image which in the body tag without animate the whole body ... perhaps adding the class somewhere? .cursor { cursor: url("/images/light1_CROP.png"), auto; animation-iteration-count: infinite; animation-name: changewidth; animation-direction: alteate; animation-duration: 4.1s; } [...] won't work ... asked 39 secs agoShorty Let's block ads! بخوانید, ...ادامه مطلب

  • CLI documentation generator tool for RAML v1.0

  • Vote count: 0 Is there a functioning CLI document generation tool (RAML to HTML for example) which supports RAML v1.0? Currently, all the tools I found (such as raml2html, don't support v1.0. Am I missing something, or is RAML 1.0 very common for describing API endpoints and yet there are no tools supporting it? It doesn't make sense to me. If RAML is not the de facto language for describing endpoints, then what is? asked 56 secs agoYasen Slavov Let's block ads! بخوانید, ...ادامه مطلب

  • CSS3 keyframes animation on click (with addClass). How to restart CSS3 animation with adding css class?

  • Vote count: 0 I have a problem. Im using Bounce.js to create nice menu animations (with some cool effects). Bounce.js using css keyframes animations which can be problematic to restart. I got menu and when I click a button and when .show class is added it should fire show animation. But when I press that button again hide class should be added with hide animation (which is just reverse version of previous animation). Js is working (classes are adding and removing properly) but animation is fired only once - and there is no hiding animation (menu element just disappears with out animating it self). asked 1 min agobo2fr4g 1 Answer Vote count: 0 You can do it in a serval ways. One way is to trigger re-flow of the element before adding animation class to it. element.offsetWidth = element.offsetWidth; For example (vanilla JS): if (element2.classList.contains('show')) { element2.classList.remove("show"); //restarting css3 keyframe animation **element2.offsetWidth = element2.offsetWidth;** element2.classList.add("hide"); }else{ element2.classList.remove("hide"); //restarting css3 keyframe animation **element2.offsetWidth = element2.offsetWidth;** element2.classList.add("show"); } jQuery version: if(settingPopup.hasClass('show')){ settingPopup.removeClass('show'); //line below is a fix to restart css3 keyframe animation //settingPopup.outerWidth(settingPopup.outerWidth) settingPopup.outerWidth(settingPopup.outerWidth).addClass('hide'); }else{ settingPopup.removeClass('hide'); //line below is a fix to restart css3 keyframe animation //settingPopup.outerWidth(settingPopup.outerWidth) settingPopup.outerWidth(settingPopup.outerWidth).addClass('show'); } And here is working fiddle for it: https://jsfiddle.net/zpawpvke/1/ Based on: https://css-tricks.com/restart-css-animation/ answered 1 min agobo2fr4g Let's block ads! بخوانید, ...ادامه مطلب

  • XML dummy file generator form XSD schema

  • Vote count: 0 I want to generate dummy xml files from XSD schema. Is this possible? Any heads up how to do it. Thanks asked 32 secs agoOmar Rana Let's block ads! بخوانید, ...ادامه مطلب

  • Active Code Generators: which popular open source projects use them?

  • Vote count: 0 Which popular open source projects you know use Active Code Generators? Is there any statistics on how ubiquitous usage of Active Code Generators is? An Active Code Generator - the one that generates code during build, the generated code is not edited and not put in source control. As an example - Maven's generate-sources phase. asked 58 secs agoVadim Eisenberg Let's block ads! بخوانید, ...ادامه مطلب

  • Theano gradient with function on tensors

  • Vote count: 0 I have a function that calculates a value of a scalar field on a 3D space, so I feed it 3D tensors for x, y and z coordinates (obtained by numpy.meshgrid) and use elementwise operations everywhere. This works as expected. Now I need to calculate a gradient of the scalar field. I've been playing around with theano.tensor.grad and theano.tensor.jacobian and I don't understand how a derivative of elementwise operation is supposed to work. This is a MWE that I don't understand: import theano.tensor as T x, y = T.matrices("xy") expr = x**2 + y grad = T.grad(expr[0, 0], x) print(grad.eval({x: [[1, 2], [1, 2]], y: [[1, 1], [2, 2]]})) It prints [[ 2. 0.] [ 0. 0.]] while I would expect [[ 2. 4.] [ 2. 4.]] I also tried with jacobian: import theano.tensor as T x, y = T.matrices("xy") expr = x**2 + y grad = T.jacobian(expr.flatten(), x) print(grad.eval({x: [[1, 2], [1, 2]], y: [[1, 1], [2, 2]]})) which retus [[[ 2. 0.] [ 0. 0.]] [[ 0. 4.] [ 0. 0.]] [[ 0. 0.] [ 2. 0.]] [[ 0. 0.] [ 0. 4.]]] (the nonzero elements together would give me my expected matrix from the previous example) Is there some way to get the elmentwise gradients I need? Can I for example somehow define the function as scalar (three scalars into a scalar) apply it elementwise over the coordinate tensors? This way the derivative would also be just a simple scalar and everything would work smoothly. asked 1 min agocube Let's block ads! بخوانید, ...ادامه مطلب

  • Matlab System generator: error with black box

  • Vote count: 0 I using Xilinx system generator blocks in Matlab. I simply using only a black box with a gateway in and gateway out. The code for the black box is very simple and work correctly with ISE design suite library IEEE; use IEEE.STD_LOGIC_1164.ALL; use ieee.numeric_std.ALL; entity test44_vhdl is Port ( row : in std_logic_vector (1 downto 0); slice : out std_logic_vector (3 downto 0)); end test44_vhdl; architecture Behavioral of test44_vhdl is type oneD is array (1 to 3) of integer range 0 to 15; constant table: oneD := (3, 9, 13); begin slice <= std_logic_vector(to_unsigned(table(to_integer(unsigned(row))), slice'length)); end Behavioral; but unfortunately it doesn't work with the matlab system generator can any one help me what is the wrong with this code and what change should I do so the model work correctly asked 1 min agoSerwan Bamei Let's block ads! بخوانید, ...ادامه مطلب

  • Eclipse MARS SR2 fails to load MyBatis generator plugin

  • Vote count: 0 Attempting to install the MyBatis generator Eclipse plugin to a fresh copy of Eclipse MARS SR2 is failing with the following error symptom: Unable to read repository at file:/C:/Dev/_/eclipse/p2/org.eclipse.equinox.p2.repository/cache/content603936354.xml. Attribute name "data-pjax-transient" associated with an element type "meta" must be followed by the ' = ' character. This plugin worked fine with Eclipse Mars SR1 (and earlier versions of Eclipse such as Kepler and Luna), but was previously hosted at http://mybatis.googlecode.com/svn/sub-projects/generator/trunk/eclipse/UpdateSite/ which no longer exists. I have not found any [relevant] help on the web that explains what might be wrong ... here is what I did: Unzip eclipse-jee-mars-2-win32-x86_64.zip (MD5 = 686f0c8dfa1aab53fa13e50aacd84a4a) Update the eclipse.ini file for Java 8u92 Start Eclipse Open Help --> Install New Software --> Add (site) ... with an Eclipse Update Site URL of https://github.com/mybatis/generator/tree/master/eclipse/UpdateSite/ ... click OK Error encountered and update site not reached. The XML file appears to be HTML with two occurrences of the malformed "meta" element in the <head> portion of the document. The following session data is applicable: eclipse.buildId=4.5.2.M20160212-1500 java.version=1.8.0_92 java.vendor=Oracle Corporation BootLoader constants: OS=win32, ARCH=x86_64, WS=win32, NL=en_CA Framework arguments: -product org.eclipse.epp.package.jee.product Command-line arguments: -os win32 -ws win32 -arch x86_64 -product org.eclipse.epp.package.jee.product Detailed event error log information has this stack dump: java.io.IOException: Attribute name "data-pjax-transient" associated with an element type "meta" must be followed by the ' = ' character. at org.eclipse.equinox.inteal.p2.metadata.repository.MetadataRepositoryIO$Parser.parse(MetadataRepositoryIO.java:215) at org.eclipse.equinox.inteal.p2.metadata.repository.M, ...ادامه مطلب

  • UIView with gradient layer not conforming to constraints set

  • Vote count: 0 In viewDidLoad, I instantiate a UIView and add a gradient layer to that UIView. This works well on iPhone, but on iPad, UIView does not stretch out to fill the entire screen. Please note the following screenshot for iPad sim. iPad simulator screenshot I have attempted adding constraints both programmatically and by using XCode. It seems that once I add the CAGradientLayer, the UIView does not conform to the constraints that I set, either programmatically or using XCode tools. Sample Code: gradientLayer = CAGradientLayer() gradientLayer.frame = self.view.bounds gradientLayer.locations = [0.5, 1.0] gradient_View.backgroundColor = UIColor.blueColor() let color1 = self.opus_Page_Background_Color.CGColor as CGColorRef let color4 = self.opus_Page_Tertiary_Color.CGColor as CGColorRef gradientLayer.colors = [color1, color4] self.gradient_View.frame = self.view.bounds self.gradient_View.layer.insertSublayer(gradientLayer, atIndex: 0) gradient_View.translatesAutoresizingMaskIntoConstraints = false let leadingConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Leading, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Leading, multiplier: 1, constant: 0) leadingConstraint.active = true view.addConstraint(leadingConstraint) let trailingConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Trailing, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Trailing, multiplier: 1, constant: 0) trailingConstraint.active = true view.addConstraint(trailingConstraint) let widthConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: 100) view.addConstraint(widthConstraint) let heightConstraint = NSLayoutConstraint(item: gradient_View, att, ...ادامه مطلب

  • جدیدترین مطالب منتشر شده

    گزیده مطالب

    تبلیغات

    برچسب ها